1.使用webpcak-bundle-analyzer去對專案進行模組分析,生成乙個報告report,根據報告針對性優化,更找出大模組和不需要打包的模組
執行npm run build --report,結果如下,我們找到不要打包的模組刪除
2.對於較大的模組,我們可以在webpcak中配置externals,防止某些import的包被打包到bundle中,讓import依賴的某些包在bundle執行的時候通過請求外部獲取資源,也能加快打包的速度
我們將不要打包的內容在index.html中引入,cdn
在webpcak的externals中配置module.exports =這樣的話,依舊可以在元件中通過import使用...}
import vue from 'vue'import echarts from 'eachrts'3.hardsourcewebpackplugin會將模組編譯後進行快取，第一次之後速度會明顯提公升。
4.loader配置的時候,減小範圍
徹底解決Webpack打包慢的問題
我們先來看一下完全沒有任何優化的時候，webpack 的打包速度 使用了jsx和babel的loader 下面是我們的測試檔案 var react require react var reactaddonscsstransitiongroup require react addons css tra...
關於ARX的打包問題
titlebarcolordlg.h header file if defined afx titlebarcolordlg h 8e60ea5a 49d5 414b 9c57 49f96f372a39 included define afx titlebarcolordlg h 8e60ea5a ...
關於CAB打包的步驟
如何打包cab檔案 版本 將 中的資源中的兩個地方的版本 inf檔案中的版本 伺服器中的檔案的版本都改為相同的，並且要比原來的版本號要高 資源檔案中的版本 inf檔案中的版本 伺服器中的檔案版本 數字簽名 使用數字簽名工具將所有的與之有關的dll進行簽名 打包生成cab檔案，使用cab n my.c...