Webpack如何构建生产代码以及如何使用它

在观察到这个问题的观众数量之后，我决定总结Vikramaditya和Sandeep的答案。

要生成生产代码，您首先要创建的是使用优化包（例如，

  new webpack.optimize.CommonsChunkPlugin('common.js'),  new webpack.optimize.DedupePlugin(),  new webpack.optimize.UglifyJsPlugin(),  new webpack.optimize.AggressiveMergingPlugin()

然后，在package.json文件中，您可以使用此生产配置来配置构建过程

"scripts": {    "build": "NODE_ENV=production webpack --config ./webpack.production.config.js"},

现在您必须运行以下命令来启动构建

npm run build

根据我的生产构建配置，webpack会将源构建到

./dist

现在，您的UI代码将在

./dist/