|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!. ~1 Y0 _" ?; x
课程目录:+ @, G5 O9 Z7 s! J( h
01.课程介绍 j" L1 x( V- {
02.webpack简介
: \+ D6 i: `$ s3 V! W. ~03.webpack五个核心概念
- |& _% l( I4 |, H9 U04.webpack的初体验
$ Z' \ e9 l" M) M3 }05.打包样式资源
8 R; p$ k2 u9 c; W2 Y06.打包html资源/ d4 b# a t. M8 p
07.打包图片资源
& m( G5 [% C- R) k5 X08.打包其他资源
( ?7 e b }% L+ B& F2 E8 Q. S09.devServer
1 R, Q& w! B8 u0 Y1 [10.开发环境基本配置
+ p$ F: _, I! B11.构建环境介绍
5 s& @5 S7 ^, @. V12.提取css成单独文件
J! b9 s4 g/ J% u, f13.css兼容性处理
; @( G# F5 G1 Q" W14.压缩css
3 U- j$ k# u+ W7 s- `15.js语法检查eslint
: ^! p% L5 T T16.js兼容性处理eslint- y8 x1 @" H; W' V6 ?% U+ K; c
17.压缩html和js/ P/ }4 ]- m# \ |- n- H
18.生产环境基本配置" s2 _! c( L. v4 x2 f
19.性能优化介绍# E- A: c& t9 g/ N# y4 A
20.HMR5 D/ \1 V. ~9 j' c: F+ e
21.source-map
" t- Y) `5 N+ H7 L$ N, I' _22.oneOf
4 F5 P1 `* i5 C/ r0 p23.缓存. u& ?) l* r+ {1 n
24.tree shaking7 W$ q9 n/ j5 t- R' S
25.code split
% {( [2 F7 f6 [26.懒加载和预加载
$ }* o. g. m8 g1 {4 E( F& J27.PWA
3 E% v& R7 _+ a! u28.多进程打包3 ~1 p) B/ y' |% I2 k. p, x3 I
29.externals
! C/ }& }. s: s( \: A" H30.dll
6 X1 ?4 _- e- @' y! N, n31.性能优化总结% _" f0 S6 R6 q( w8 D1 `! \
32.webpack配置详解介绍& k' z+ @* t0 c3 ^* p
33.详细配置之entry
1 M- p3 ]* r+ k9 k( |, z( _34.详细配置之output7 e# I8 e$ L z- k
35.详细配置之module% q5 G& G: u R/ }4 ]) p% k' F
36.详细配置之resolve
1 j* k' y' U# ^. F37.详细配置之devServer7 z" _6 \0 j: W
38.详细配置之optimization/ e) S* w9 s4 l& N2 M0 y
39.webpack5介绍和使用
; O) u; s e. Z/ X% l, ]0 q40.总结webpack( i; |: i. Z$ Y# e
$ R( x1 v, t4 Q- m8 w _
|
|