vue cli3.0中 无法配置MiniCssExtractPl

2021-02-18  本文已影响0人  黎明的叶子

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

官网截图
点击此处官网地址
上一篇 下一篇

猜你喜欢

热点阅读