Vue.js 是一款流行的 JavaScript 框架,但是在使用 Vue 做 Build 的時候,有很多開發者反映 Vue 的 Build 很慢。那么我們該如何解決 Vue Build 很慢的問題呢?
$ npm run build
>vue-cli-service build
? Building for production...
在執行上面這個命令時,它會執行vue-cli-service build
,然后卡住,一直沒有反應。
首先,我們可以檢查一下項目中需要 Build 的文件數量。如果項目中有很多文件需要編譯,那么 Build 自然就會比較慢。
其次,我們可以考慮升級一下 Node.js 的版本。在 Node.js 8 之前的版本,因為缺乏異步編譯等功能,對于大型的項目,Build 會非常緩慢。在 Node.js 8 之后,Node.js 加入了 V8 編譯器的 TurboFan 特性,大大提升了編譯速度。
$ nvm use 8.9.3
Now using node v8.9.3 (npm v5.5.1)
在切換了 Node.js 版本后再次執行 Build 命令,速度會得到大幅提升。
最后,我們還可以考慮在開發過程中使用 Webpack Dev Server,因為 Dev Server 會把模塊緩存在內存中,減少重新編譯的次數。
$ npm run serve
>vue-cli-service serve
DONE Compiled successfully in 7656ms
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.101:8080/
使用 Webpack Dev Server 進行開發,可以有效減少 Build 的時間。
上一篇python 排序 倒序
下一篇mysql加密產品