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

前言

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

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

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

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

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

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

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

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

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

当然我也有点疑惑：

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