optimize-js-plugin 插件学习

[Christian-Yang]

https://github.com/vigneshshanmugam/optimize-js-plugin

Webpack plugin to optimize a JavaScript file for faster initial load by wrapping eagerly-invoked functions.

Webpack插件通过包装热切的调用功能来优化JavaScript文件以加快初始加载速度。

optimize-js-plugin

Webpack plugin that uses optimize-js 一个webpack插件，使用 optimize-js。

optimize-js 就是这个东西：https://github.com/nolanlawson/optimize-js

Usage 使用方式

// webpack.config.js
const OptimizeJsPlugin = require("optimize-js-plugin");
module.exports = {
  entry: //...,
  output: //...,
  plugins: [
    new webpack.optimize.UglifyJsPlugin(options),
    new OptimizeJsPlugin({
        sourceMap: false
    })
  ]
}

选项配置：

选项配置实际上就是 optimize-js这个东西的配置选项： https://github.com/nolanlawson/optimize-js#javascript-api

所以它的配置很简单，只有：

[Christian-Yang]

webpack starter中的源代码：webpack.prod.js

 /**
       * Webpack plugin to optimize a JavaScript file for faster initial load
       * by wrapping eagerly-invoked functions.
       * Webpack插件通过包装热切的调用功能来优化JavaScript文件以加快初始加载速度。
       * See: https://github.com/vigneshshanmugam/optimize-js-plugin
       */
      new OptimizeJsPlugin({
        sourceMap: false
      }),