|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
# m6 `- Q; }- v课程目录:3 a R( g/ _' N9 @* ?
01.课程介绍
1 S/ C# e7 |# D5 D( S02.webpack简介
+ R! f5 q4 i: I) ~, x3 d03.webpack五个核心概念
5 _: p) o; B8 v4 n2 ^04.webpack的初体验
$ t& R+ W% u8 c) Q# y6 r9 E05.打包样式资源/ j3 H B* O( I9 r. S7 z
06.打包html资源
1 h0 n9 B/ g+ N; z2 t07.打包图片资源' z. y4 j% J V
08.打包其他资源, L- H* c4 }8 M+ C* p1 U
09.devServer4 h$ G1 j% d7 W% P' {
10.开发环境基本配置
% o( x, U% Q0 Z4 _11.构建环境介绍1 [$ M& ^: ^0 \( d& q
12.提取css成单独文件! a. E! {) z3 F4 G
13.css兼容性处理. t4 o: u1 F5 D* k7 W
14.压缩css
+ w6 R( p. u* B- h9 l2 _9 e4 z15.js语法检查eslint* a, L! [3 [; [( _! P L0 K
16.js兼容性处理eslint
e. g% a; `$ f: s% |. F17.压缩html和js1 ^6 ]$ D1 l* S
18.生产环境基本配置
8 G# v. m% {& l9 n* w) h. [) X19.性能优化介绍* L$ r4 H9 e* A) a
20.HMR0 x. F: x! ?0 r& h
21.source-map
/ M4 W3 a$ v% Z$ d1 M b8 f! \5 i5 [22.oneOf. J- s2 v# v& j/ ]9 n) }% X
23.缓存
0 n1 q% ^; _# W8 [! k24.tree shaking t# O- ? K7 V
25.code split
( |1 O1 @# B% [ g0 o1 ~26.懒加载和预加载& L% f1 j$ v, x( ?# x2 B
27.PWA
/ M" V. E1 m3 P; i28.多进程打包
+ | l( D% ^" i5 O/ |4 ]# w29.externals
, s5 G) t- d: s' c' {30.dll, [! k5 b' G7 K# Q2 @, h/ b c1 E' }/ S
31.性能优化总结7 N4 Z4 a2 b" s1 k! K6 R
32.webpack配置详解介绍
3 l1 P( Q2 Y! ?, O% c# b: \- S33.详细配置之entry( D1 ?3 F0 z9 G6 X! _' m6 R W
34.详细配置之output
. ^/ [3 s. e" f+ |2 P; m35.详细配置之module! d' ~" c/ Z) d3 |
36.详细配置之resolve
6 {& q4 b9 c3 X( N37.详细配置之devServer
" V1 z# |0 s6 A2 C38.详细配置之optimization4 ?: c' l* c. v5 L
39.webpack5介绍和使用
8 x: k3 S. t! q) M40.总结webpack" ^+ B }# d5 g2 K) g
) t2 i i* `6 _4 E1 | H
|
|