學習前端的朋友們,上新貨啦!
webpack作為現代前端開發中最火的模塊打包工具,廣泛應用于前端工程領域,全球知名公司如谷歌、阿里、騰訊等都在使用webpack,是前端工程師必備的技能之一!
本套課程適合具備一定nodejs基礎及項目經驗的前端工程師學習。
課程重點講解了webpack配置參數、開發環境配置、生產環境配置、企業級的優化環境配置,并全面介紹了webpack5的震撼新特性!涉及到知識點有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。
由尚硅谷明明可以靠顏值吃飯卻靠技術行走于江湖的熊健老師操刀,一頓瘋狂輸出課程總計40集,近600分鐘!滿足你對webpack的所有想象,幫助你從不懂webpack的小白變身成輕松配置webpack的大神!
一、課程簡介
webpack作為現代前端開發中最火的模塊打包工具,廣泛應用于前端工程領域,是前端工程師必備的技能之一。全球知名公司(如:谷歌、阿里、騰訊等)都在使用webpack作為首選模塊打包工具。
隨著webpack5也研發近一年,即將要隆重推出。我們在學完webpack4配置,將會無縫切換到webpack5,全面講解webpack5新特性。
二、課程內容和目標
本課程將重點講解webpack配置參數,開發環境配置,生產環境配置,企業級的優化環境配置以及webpack5震撼新特性。涉及到知識點有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。
三、適合人群
本課程適合有一定的nodejs基礎和項目經驗的前端工程師學習。
Webpack課程詳細目錄
01.webpack從入門到精通-課程介紹
02.webpack從入門到精通-webpack簡介
03.webpack從入門到精通-webpack五個核心概念
04.webpack從入門到精通-webpack的初體驗
05.webpack從入門到精通-打包樣式資源
06.webpack從入門到精通-打包html資源
07.webpack從入門到精通-打包圖片資源
08.webpack從入門到精通-打包其他資源
09.webpack從入門到精通-devServer
10.webpack從入門到精通-開發環境基本配置
11.webpack從入門到精通-構建環境介紹
12.webpack從入門到精通-提取css成單獨文件
13.webpack從入門到精通-css兼容性處理
14.webpack從入門到精通-壓縮css
15.webpack從入門到精通-js語法檢查eslint
16.webpack從入門到精通-js兼容性處理eslint
17.webpack從入門到精通-壓縮html和js
18.webpack從入門到精通-生產環境基本配置
19.webpack從入門到精通-性能優化介紹
20.webpack從入門到精通-HMR
21.webpack從入門到精通-source-map
22.webpack從入門到精通-oneOf
23.webpack從入門到精通-緩存
24.webpack從入門到精通-tree shaking
25.webpack從入門到精通-code split
26.webpack從入門到精通-懶加載和預加載
27.webpack從入門到精通-PWA
28.webpack從入門到精通-多進程打包
29.webpack從入門到精通-externals
30.webpack從入門到精通-dll
31.webpack從入門到精通-性能優化總結
32.webpack從入門到精通-webpack配置詳解介紹
33.webpack從入門到精通-詳細配置之entry
34.webpack從入門到精通-詳細配置之output
35.webpack從入門到精通-詳細配置之module
36.webpack從入門到精通-詳細配置之resolve
37.webpack從入門到精通-詳細配置之devServer
38.webpack從入門到精通-詳細配置之optimization
39.webpack從入門到精通-webpack5介紹和使用
40.webpack從入門到精通-總結webpack