1. UglifyjsWebpackPlugin

这个插件使用 UglifyJS v3(uglify-es) 来压缩你的JavaScript。

[info]

webpack =< v3.0.0目前在webpack.optimize.UglifyJsPlugin下包含这个插件的v0.4.6 版本的别名。对于最新版本的使用 (v1.0.0)，请跟随下面的步骤， v1.0.0预计将会在webpack v4.0.0中作为webpack.optimize.UglifyJsPlugin存在。

1.1. 安装

npm i -D uglifyjs-webpack-plugin

1.2. 用法

webpack.config.js

const UglifyJSPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
  plugins: [
    new UglifyJSPlugin(options)
  ]
}

1.3. 选项

new UglifyJSPlugin({
  test: /\.js($|\?)/i,
  include: /\/includes/,
  exclude: /\/excludes/,
  sourceMap: true,
  warningsFilter: (src) => true
})

1.3.1. cache

类型：boolean | string

boolean

当cache为布尔值时表示是否启用文件缓存。 默认的缓存目录路径:node_modules/.cache/uglifyjs-webpack-plugin。

new UglifyJSPlugin({
  cache: true // 启用缓存
})

string

cache还可以指定为一个字符串，表示缓存路径。

new UglifyJSPlugin({
  cache: 'path/to/cache' // 启用缓存，并指定缓存路径
})

1.3.2. parallel

类型：boolean | number

Boolean

实现并行化。默认并发运行的数量: os.cpus().length - 1.

 new UglifyJSPlugin({
    parallel: true
  })

number

也可直接指定并发运行数量。

new UglifyJSPlugin({
    parallel: 4
  })

[info] 注：

并行化可以显著提高您的构建速度，因此高度推荐

1.3.3. uglifyOptions

  new UglifyJSPlugin({
    uglifyOptions: {
      ie8: false,
      ecma: 8,
      parse: {...options},
      mangle: {
        ...options,
        properties: {
          // mangle property options
        }
      },
      output: {
        comments: false,
        beautify: false,
        ...options
      },
      compress: {...options},
      warnings: false
    }
  })

1.3.4. extractComments

类型：Boolean | RegExp|String or Function<(node, comment) -> {Boolean}> | object

boolean

comments选项将保存的所有注释将被移动到一个单独的文件中。如果原始文件被命名为foo.js，然后这些注释将被存储到foo.js.LICENSE。

RegExp|String or Function<(node, comment) -> {Boolean}>

所有与给定表达式匹配的注释(分别被函数计算为true)将被提取到单独的文件中。comments选项指定是否保留注释，也就是说，在提取其他注释时保存一些注释(例如释文)，或者保存 已经提取的注释。

object