在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的话,热更新就不好使了,所以意义并不大。于是觉得还是老样子修改样式喽!下图为官网介绍:
点击此处官网地址
网友评论