首页 > Web开发 > 详细

Vue打包上线之后CSS没有压缩和不生效

时间:2019-05-10 18:10:17      阅读:483      评论:0      收藏:0      [点我收藏+]

前言

当用vue-cli 脚手架 打包压缩时,发现打包出来的css 没有被压缩,

技术分享图片

所以查阅了些资料,下面用这个方法解决:

  1.首先注释掉webpack.prod.conf.js中下面的代码

技术分享图片

 new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
    }),

2.然后在utils.js中添加, minimize:true

技术分享图片

  const cssLoader = {
    loader: ‘css-loader‘,
    options: {
      sourceMap: options.sourceMap,
      minimize:true
    }
  }

 这样 打包出来的css 就被压缩了

 

当然我也有点疑惑:

safe: true 这个插件 是什么意思 咦,求解释下

Vue打包上线之后CSS没有压缩和不生效

原文:https://www.cnblogs.com/yf-html/p/10845699.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!