陈潇冰php,webpack4.x入门到进阶
課程詳情(本課程所涉及內(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 预测模型算法
- 下一篇: php 解压dat,电脑微信dat文件怎