美文网首页
vue cli3.0中 无法配置MiniCssExtractPl

vue cli3.0中 无法配置MiniCssExtractPl

作者: 黎明的叶子 | 来源:发表于2021-02-18 19:22 被阅读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的话,热更新就不好使了,所以意义并不大。于是觉得还是老样子修改样式喽!下图为官网介绍:

    官网截图
    点击此处官网地址

    相关文章

      网友评论

          本文标题:vue cli3.0中 无法配置MiniCssExtractPl

          本文链接:https://www.haomeiwen.com/subject/medfxltx.html