前言

當用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 就被壓縮了

當然我也有點疑惑：

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