webpack js壓縮插件

Webpack主要是用來處理模塊化開發，所以對於文件壓縮等等一些操作，需要通過插件來完成。

Webpack內置了一些插件，例如js壓縮插件，我們使用的時候，直接配置plugins屬性即可使用。

webpack中內置的js壓縮插件，存放在webpack的optimize對象下。
webpack.config.js

// webpack中內置的js壓縮插件，存放在webpack的optimize對象下
// 引入webpack模塊
var webpack = require('webpack')
// 緩存插件名稱，以便簡化後面的配置
var UglifyJsPlugin = webpack.optimize.UglifyJsPlugin;

module.exports = {
    entry:'./static/app.js',
    // 發佈文件
    output:{
        filename:'dest/dest.js'
    },
    // 我們要壓縮所有的js文件，所以引入js壓縮插件
    plugins:[
        // 每個成員代表一個插件
        new UglifyJsPlugin
    ]
}

我們來看一下webpack.optimize下屬的類對象
{
AggressiveMergingPlugin: [Getter],
AggressiveSplittingPlugin: [Getter],
CommonsChunkPlugin: [Getter],
ChunkModuleIdRangePlugin: [Getter],
DedupePlugin: [Getter],
LimitChunkCountPlugin: [Getter],
MinChunkSizePlugin: [Getter],
OccurrenceOrderPlugin: [Getter],
UglifyJsPlugin: [Getter]
}