徹底解決webpack打包慢

2021-08-20 16:53:55 字數 1247 閱讀 2514

前端開發乙個crm專案的時候,因為專案內容比較龐大,導致webpack編譯和打包都巨慢,實在是影響開發效率,所以著手公升級webpack。

webpack4-es6-react是乙個全新的基於webpack4、react16、es6、antd-mobile的前端架構實現方案,預設是antd-mobile,也可以自定義配置ui框架如:antd

按需載入(不同頁面檔案單獨壓縮)

hash指紋(js、css檔案自動新增版本號)

es2015

支援less、stylus

體積小支援base64壓縮

支援svg解析

支援自定義打包檔案的目錄

支援熱更新

支援打包輸出map檔案

支援打包壓縮檔案

.

├── webpack.config --------------------- webpack相關配置

├── package.json --------------------- 專案配置

├── readme.md ------------------------ 說明檔案

└── src ------------------------------ 原始碼目錄

├── index -------------------------- 入口檔案

├── index.html -------------------------- html入口檔案

├── components ------------------- 業務模組集合目錄

├── images ----------------------- 資源目錄

└── pages ------------------------ 頁面集合目錄

git clone
npm install
npm run start (開發模式)
預設瀏覽器會自動開啟http://localhost:9999,編譯完成

npm run build (生產模式)
const  = process;

let env = 'development'; //預設是開發模式

argv.foreach(v =>

});

開發模式

生產模式

速度

徹底解決Webpack打包慢的問題

我們先來看一下完全沒有任何優化的時候,webpack 的打包速度 使用了jsx和babel的loader 下面是我們的測試檔案 var react require react var reactaddonscsstransitiongroup require react addons css tra...

徹底解決 OBJC CLASS

最近在使用靜態庫時,總是出現這個問題。下面總結一下我得解決方法 1.m檔案沒有匯入 在build phases裡的compile sources 中新增報錯的檔案 2.framework檔案沒有匯入 靜態庫編譯時往往需要一些庫的支援,檢視你是否有沒有匯入的庫檔案 同樣是在build phases裡的...

徹底解決INSTALL FAILED UPDATE

按ctrl c退出系統,利用adb pull data system packages.xml命令將packages.xml放到你pc機本地,然後找到你需要的包名,刪除到的一段資料。例如 儲存packages.xml,然後adb push packages.xml data system將packa...