webpack 1 升级到 3 的过程总结

升级以后的提升

升级重点

开发和生产环境使用不同的配置文件

考虑到开发和生产环境构建目标的差异,对两种环境使用了独立的配置文件

source map

开发环境使用cheap-module-eval-source-map,生产环境不开启devtool

react 输出的 warning

通过 DefinePlugin 和 UglifyJSPlugin 插件,生产环境使用 react 的不带 warn 的精简版本

new webpack.DefinePlugin({
  'process': {
    'env': {
      'NODE_ENV': JSON.stringify('production'),
    }
  }
}),
new UglifyJSPlugin(),

参考文章

  1. webpack 中文文档
Table of Contents