1. 程式人生 > >vue打包後css裡-webkit-字首丟失

vue打包後css裡-webkit-字首丟失

步驟一:找到build/webpack.prod.conf.js,註釋下面這一段

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

註釋後css不會壓縮

步驟二:在build/utils.js里加入 minimize: true,壓縮css

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

然後npm run build 重新打包後即可。