Documentation
Contribute
Blog
英文
中文
한국어
搜尋
K
API
概念
組態
指南
載入器
移轉
外掛程式
企業應用程式資料表格和圖表
webpack 5
webpack 4
列印區段
指南
入門
基本設定
建立套件
模組
使用組態
NPM 腳本
結論
資產管理
設定
載入 CSS
載入圖片
載入字型
載入資料
自訂 JSON 模組的剖析器
全域資產
總結
下一個指南
進階閱讀
輸出管理
準備
設定 HtmlWebpackPlugin
清除 /dist 資料夾
清單
結論
開發
使用原始碼對應
選擇開發工具
使用監控模式
使用 webpack-dev-server
使用 webpack-dev-middleware
調整文字編輯器
結論
程式碼分割
進入點
防止重複
進入點相依性
SplitChunksPlugin
動態匯入
預先擷取/預先載入模組
套件分析
後續步驟
快取
輸出檔名
萃取樣板
模組識別碼
結論
撰寫函式庫
撰寫函式庫
Webpack 組態
公開函式庫
外置 Lodash
外部限制
最後步驟
環境變數
建置效能
一般
保持最新
載入器
Bootstrap
解析
Dll
越小越快
工作人員池
持續快取
自訂外掛程式/載入器
進度外掛程式
開發
增量建置
在記憶體中編譯
stats.toJson 速度
開發工具
避免使用特定於生產的工具
最小進入區塊
避免額外的最佳化步驟
沒有路徑資訊的輸出
Node.js 版本 8.9.10-9.11.1
TypeScript 載入器
生產
原始碼對應
特定工具問題
Babel
TypeScript
Sass
內容安全政策
範例
啟用 CSP
受信任類型
開發 - Vagrant
設定專案
執行伺服器
進階使用 nginx
結論
相依性管理
使用表達式的 require
require.context
context 模組 API
安裝
先決條件
本機安裝
全域安裝
最新技術
熱模組替換
啟用 HMR
透過 Node.js API
陷阱
HMR 與樣式表
其他程式碼和架構
樹狀搖晃
新增一個工具
將檔案標記為沒有副作用
釐清樹狀搖晃和副作用
將函式呼叫標記為沒有副作用
縮小輸出
結論
生產
設定
NPM 腳本
指定模式
縮小
原始碼對應
縮小 CSS
CLI 選擇
延遲載入
範例
架構
ECMAScript 模組
匯出
匯入
將模組標記為 ESM
調整
調整全域變數
細部調整
全域匯出
載入 Polyfill
進一步最佳化
Node 內建函式
其他工具
TypeScript
基本設定
載入器
原始碼對應
客戶端類型
使用第三方程式庫
匯入其他資源
建置效能
Web 工作人員
語法
範例
Node.js
漸進式網路應用程式
我們現在無法離線工作
新增 Workbox
註冊我們的服務工作人員
結論
公開路徑
使用案例
基於環境
即時
自動 publicPath
整合
NPM 腳本
Grunt
Gulp
Mocha
Karma
資源模組
公開路徑
即時覆寫
資源資源
自訂輸出檔名
內嵌資產
自訂資料 URI 產生器
來源資產
URL 資產
一般資產類型
替換內嵌載入器語法
停用發射資產
進階條目
每個條目有多個檔案類型
套件匯出
一般語法
替代方案
條件式語法
縮寫
關於排序的注意事項
支援
條件
參考語法
最佳化
目標環境
條件:預處理器和執行時期
條件:自訂
常見模式
與目標環境無關的套件
提供開發工具或生產最佳化
根據目標環境提供不同版本
結合模式
指南
指南
此區段包含指南,協助您了解和掌握 webpack 提供的各種工具和功能。第一個指南會帶您了解
入門
。
隨著您深入了解,指南會變得更進階。大多數指南作為起點,完成後您應該會更能輕鬆深入了解實際的
文件
。
編輯此頁面
·
列印此頁面
下一頁 »
入門
3 貢獻者