設置optimizeminimize選項

Question

在https://github.com/webpack/docs/wiki/optimization它聲明使用-p使其使用UglifyJS。但它並不表示如何設置options for UglifyJS。例如semicolons

請注意，只宜做-p的醜化不是每個建設

Answer 1

更新： 正如你可能知道，-p不過是生產快捷方式--optimize-minimize --optimize-occurrence-order。如果webpack在當前目錄中找到配置文件，它將從配置文件中取得配置文件UglifyJsPlugin。

而當你想只在生產模式下增加一個配置，你可以不喜歡，

> NODE_ENV=production webpack -p 

var config = { 
    /*... other configs ... */ 
    } 


if (process.env.NODE_ENV === 'production') { 
    config.plugins.push(
     new webpack.optimize.UglifyJsPlugin({ 
      output: { 
       beautify: true, 
       quote_style : 2, 
       semicolons: false /* default: true */ 
      } 
     }) 
    ) 
} 

module.exports = config 

如果你有webpack.config.js文件，你可以添加UglifyJsPlugin與所需的選項如下圖所示。 semicolons選項是output選項的一部分。

plugins: [new webpack.optimize.UglifyJsPlugin({ 
     output: { 
      beautify: true, 
      quote_style : 2, 
      semicolons: false /* default: true */ 
     } 
     })]