Vuejs + webpack：npm run build slow

Question

我正在学习webpack和Vuejs。我已按照https://vuejs-templates.github.io/webpack/上的简单说明进行操作。

然而，当我运行npm run build来制作制作版时需要12秒！我不明白为什么这个单一的演示单页，没有功能只需115kB的应用程序需要很长时间才能构建。

我已经在各个地方读过关于从网络包配置中排除node_modules的问题，而且我在vue-cli的网络包模板中看不到 - 是否正在尝试minify，lint等所有的库代码还是什么？

我意识到这是一个非常棒的问题，所以请善待我！

Answer 1

正如@CodinCat在评论中指出的那样，这是因为构建是内存密集型的。

如果您有足够的内存，它们会很慢，或者如果您没有足够的内存，它们会以error code 137退出，例如：在小型VPS， Droplet 等上运行

要优化这些构建，您可以更改build/webpack.prod.conf.js，sourceMap: false中的以下行（在我的情况下为行38），因为 sourcemaps 是内存密集型：

new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false
  },
  sourceMap: false // changed from `true`
}),