課程詳情(本課程所涉及內(nèi)容)

1. webpack是什么?webpack的作用

2. webpack的整體構(gòu)成

3. webpack-cli、package.json

4. 開發(fā)環(huán)境(development)和生產(chǎn)環(huán)境(production)，npm安裝包的方式，-D、-S

5. 跑一跑webpack

6. webpack.config.js配置總覽

7. 入口配置形式，出口path路徑注意事項

8. 配置文件改名

9. npm scripts

10. 體驗 webpack4.x 零配置， --mode 配置區(qū)別

11. 多入口打包，多入口多出口

12. html-webpack-plugin詳解，含: template、hash、minify、多頁面配置，多頁面引入自己文件

13. clean-webpack-plugin

14. devServer、contentBase、自動打開瀏覽器、熱更新

15. loaders多種寫法， 處理css文件

16. webpack3.x之前壓縮與現(xiàn)有模式壓縮對比

17. 處理圖片、背景圖片，limit， 以及路徑問題

18. 分離css文件，extract-text-webpack-plugin@next、mini-css-extract-plugin,以及遇見的一些問題

19. 處理less文件，以及分離less文件

20. 處理sass文件、以及分離sass文件

21. PostCss、autoprefixer、自動添加瀏覽器前綴、以及提取

22. 優(yōu)化css，消除冗余css、PurifyCss

24. webpack3.x之前調(diào)試(SourceMap)和webpack4.x調(diào)試方式

25. babel配置，以及jsx語法支持，react配置

26. 模塊化配置、模塊定義、模塊使用、注意的地方

27. json配置使用

28. 靜態(tài)資源優(yōu)雅輸出、如何更好的學(xué)習(xí)插件

29. 第三方庫使用的兩種方式，以及推薦, import和 ProvidePlugin

30. 優(yōu)化js，提取三方j(luò)s，CommonsChunkPlugin、optimization.splitChunks

歡迎大家入群:

官方群:?651661013

總結(jié)

以上是生活随笔為你收集整理的陈潇冰php,webpack4.x入门到进阶的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。