vue cli3.0中 无法配置MiniCssExtractPl
2021-02-18 本文已影响0人
黎明的叶子
在vue cli 3.0项目中,想通过MiniCssExtractPlugin插件,实现css独立到一个文件中。尝试很多写法,都不成功,频繁报错。最后发现原来写法错了。在vue.config.js中通过css.extract 进行配置即可。不再用mini-css-extract-plugin。如图所示:
![](https://img.haomeiwen.com/i23964155/1adb1e2d96953529.png)
代码为:
module.exports = {
css:{
extract:true
}
};
这样就可以了,css在开发环境也可以变成了独立的css文件。目的达成了。但是看下官网的介绍。在生产环境下默认就是true的,在开发环境下为false,而且如果在开发环境下改为true的话,热更新就不好使了,所以意义并不大。于是觉得还是老样子修改样式喽!下图为官网介绍:
![](https://img.haomeiwen.com/i23964155/b3e6aa61fe018656.png)
点击此处官网地址