|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
( D! p/ k- a5 f4 q课程目录:- G# u+ j/ b5 i3 s$ E
01.课程介绍
7 t" r+ C' E \, `+ @ A- W6 e02.webpack简介, I' O D' P: j; a: \1 d
03.webpack五个核心概念
& K) a' I/ u( s; O8 h04.webpack的初体验- h% K k: B# Q m" X/ a( k% U
05.打包样式资源
. O7 h1 h6 o: c' |06.打包html资源7 x* l6 U& i3 F' I
07.打包图片资源/ D- ?' {; G* x7 w' }& a
08.打包其他资源- m# [, }, V3 s) Y/ u3 m
09.devServer* F+ d% C2 o1 f
10.开发环境基本配置( V( k( v6 y0 ~4 W5 a
11.构建环境介绍, S6 g; x3 J2 I! M6 a
12.提取css成单独文件( x1 ~' a8 B& X+ f7 g( K$ V7 d
13.css兼容性处理, O+ ]) o8 e$ A; Y7 X
14.压缩css3 i u$ z9 w) ]; |3 [
15.js语法检查eslint
2 M+ j3 `. k& a. U16.js兼容性处理eslint: J! U, m6 d) o! f% j, Y. o8 d
17.压缩html和js
! h/ s. I' o1 N18.生产环境基本配置
! N/ i4 @& y8 r, P, ^19.性能优化介绍
6 ?: u! [* ]! y- ?; c' S20.HMR5 \/ ?' B4 D+ _* q5 O4 c
21.source-map
& H c+ [4 t# ]+ a1 F22.oneOf
/ M/ z1 P3 i& F0 f0 I& q9 \2 l+ N23.缓存
2 _: R! ~ q+ Q- i9 B3 h4 t5 i24.tree shaking9 a8 ^# R p+ E4 _# |$ o% o
25.code split
- T) ^: m$ n0 U, E26.懒加载和预加载
9 h5 a9 E8 x! y9 D6 g27.PWA
" }0 h) r6 G6 z5 l: W; h28.多进程打包
5 Q7 V1 n* A' b+ z: K# s29.externals
. ^& v9 U% { k% V30.dll
N' D8 I# Q& T0 ]* Z# o31.性能优化总结4 P4 E8 n" J4 U8 a/ Y% s
32.webpack配置详解介绍* Y- U( ~: N' }, O
33.详细配置之entry
. i, @- y& {3 n2 U34.详细配置之output
* ]* r' }0 w0 ]2 s* O35.详细配置之module
" j$ ~2 A! w, e# [+ ]5 z36.详细配置之resolve
$ N* ~5 n, }# ` z4 G( B37.详细配置之devServer
- K6 _/ [8 M3 ~2 \: }+ s38.详细配置之optimization
( _+ O: R- N6 D4 g39.webpack5介绍和使用
6 B& t2 V, Y& [40.总结webpack
8 m, J7 E/ N4 n8 C4 A
" c$ }9 N- t" j
|
|