Vue打包上線以後CSS沒有壓縮和不生效

前言

當用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 這個插件 是什麼意思 咦，求解釋下