2017-04-24 112 views
1

我正在學習webpack和Vuejs。我已按照https://vuejs-templates.github.io/webpack/的簡單說明進行操作。Vuejs + webpack:npm run build slow

但是,當我運行npm run build來製作生產版本時,需要12秒!我不明白爲什麼這一分鐘演示單頁,沒有功能的應用程序,只有115kB完整需要這麼長的時間來構建。

我已經閱讀過有關從webpack configs中排除node_modules的各種地方,我看不到在vue-cli的webpack模板中 - 是試圖縮小,皮棉等所有庫代碼或什麼?

我意識到這是一個小菜鳥的問題,所以請對我好!

+0

是它做了很多事情 – CodinCat

+1

您可以禁用源地圖,你會看到它建立更快 – CodinCat

+0

@CodinCat - 當然,這對我的工作。構建時間超過了DO,512 MB RAM。 – ProfNandaa

回答

1

正如在@CodinCat的評論中指出的那樣,這是因爲構建內存密集。

如果你有足夠的內存,它們將會變慢,或者如果你沒有足夠的RAM,它們將會以error code 137退出。在一個小VPS運行,

優化這些版本,您可以更改以下行的build/webpack.prod.conf.jssourceMap: false(在我的情況下,線38),因爲sourcemaps需要大量的存儲器:

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