在vue cli 3.0项目中，想通过MiniCssExtractPlugin插件，实现css独立到一个文件中。尝试很多写法，都不成功，频繁报错。最后发现原来写法错了。在vue.config.js中通过css.extract 进行配置即可。不再用mini-css-extract-plugin。如图所示：
本地配置截图
代码为：
module.exports = {
css:{
extract:true
}
};
这样就可以了，css在开发环境也可以变成了独立的css文件。目的达成了。但是看下官网的介绍。在生产环境下默认就是true的，在开发环境下为false，而且如果在开发环境下改为true的话，热更新就不好使了，所以意义并不大。于是觉得还是老样子修改样式喽！下图为官网介绍：
官网截图
1.配置api接口代理参考vue cli3.0文档 devServer.proxy部分参考代码 官网文档中说明》如...
文章主要记录内容： Vue CLI3.0环境搭建过程 Vue目录结构及其配置 component组件注册和使用 V...
基于vue cli3.0 搭建的项目，通过prerender-spa-plugin 插件进行预编。其中配置文件vu...
vue/cli3.0打包后html文件引入的是绝对路径修改成相对路径问题 在vue.config.js文件，配置如...
vue-cli 3.x iview-admin是用的cli3.0，所以之前的的build文件夹以及里面经常配置的文...
vue cli3.0文档[https://cli.vuejs.org/zh/config/#pwa] vue cl...
vue cli3.0中没有static文件夹，那么好多静态文件我们可以放入public中，但是，当访问public...
Vant UI + Vue + Cli3.0 + Rem移动端项目搭建 1. 创建vue项目 创建项目 引入les...
vue cli3.0新建项目可能会遇到这个报错 Error: No PostCSS Config found in...
目前vue/cli已经到了4.0的版本，想要创建指定版本的vue/cli3.0可以输入以下指令实现 指令：npm ...
本文标题：vue cli3.0中 无法配置MiniCssExtractPl
本文链接：https://www.haomeiwen.com/subject/medfxltx.html
网友评论