Vuejs + webpack：npm 运行构建缓慢

Question

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

但是，当我运行npm run build制作生产版本时，它需要 12 秒！我不明白为什么这个分钟的演示单页，没有功能应用程序，它的整体只有 115kB 需要这么长时间来构建。

我在很多地方都读过关于node_modules从 webpack 配置中排除的内容，但我在vue-cli的 webpack 模板中看不到这一点——它是否试图缩小、整理所有库代码或其他内容？

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

Answer 1

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

如果您有足够的 RAM，它们会很慢，或者如果您没有足够的 RAM，它们会以错误代码 137退出，例如在小型 VPS、Droplet等上运行。

为了优化这些版本，您可以在更改以下行build/webpack.prod.conf.js，sourceMap: false（是线38在我的情况），因为sourcemaps需要大量的存储器：

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