webpack4.29.x成神之路（序） 關於本教程

起筆於2019-4-17，按官網文檔從新整理指南順序，用更通俗易懂的語言，從基礎 - 進階 -
實戰一步步深刻，目標是讓閱讀本系列的朋友能徹底掌握webpack4的用法，並能隨心搭建高性能的自動化環境。

版本信息：

• "node": "10.15.1",
• "webpack": "4.29.6",
• "webpack-cli": "3.3.0"

正在連載中，暫定內容以下：

目錄

基礎

1. webpack簡介
2. 起步
3. 基本配置與mode
4. entry與output
5. 使用plugins
6. 使用loader之打包圖片
7. 使用loader之打包樣式上
8. 使用loader之打包樣式下
9. webpack-dev-server上
10. webpack-dev-server下
11. babel編譯es6
12. source-map

進階

1. 搖樹優化(tree shaking)
2. 區分開發和生產環境
3. 代碼分隔(code spliting)上
4. 代碼分隔(code spliting)中
5. 代碼分隔(code spliting)下
6. 懶加載
7. css代碼分隔
8. 編寫一個loader
9. 編寫一個plugin

實踐

1. 手動搭建vue-cli上
2. 手動搭建vue-cli下
3. 手動配置vue-cli——集成typescript

附加

1. vue-cli與vue-loader介紹
2. angular-cli@7介紹