webpack - Vuejs + webpack : npm run build slow

Question

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

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

我在很多地方读过有关从 webpack 配置中排除 node_modules 的内容，但我在 vue-cli 的 webpack 模板中看不到这一点 - 它是否在尝试缩小、lint 等所有库代码之类的？

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

Answer 1

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

如果您有足够的 RAM，它们会很慢，否则它们会以 error code 137 退出。如果您没有足够的 RAM，例如在小型 VPS、Droplet 等上运行。

要优化这些构建，您可以更改 build/webpack.prod.conf.js 中的以下行，sourceMap: false(原为 38 行 在我的例子中)，因为 sourcemaps 是内存密集型的:

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