Inicio Explorar Axuda
Iniciar sesión
chuck
/
webpackstudy
1
0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki

webpack配置学习

Rama: master
Ramas Etiquetas
webpackstudy
ZIP TAR.GZ
DESKTOP-MK04A0R\chuck 857fa9a705 总结 %!s(int64=3) %!d(string=hai) anos
02 a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
03 a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
04 a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
05 fada5c1fb2 优化 %!s(int64=3) %!d(string=hai) anos
06 a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
07 a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
08 f2ba276182 整理目录解构 %!s(int64=3) %!d(string=hai) anos
09 fbef1ac6a4 second commit %!s(int64=3) %!d(string=hai) anos
10 fbef1ac6a4 second commit %!s(int64=3) %!d(string=hai) anos
11 fbef1ac6a4 second commit %!s(int64=3) %!d(string=hai) anos
12 8bb28ae0c7 eslintt %!s(int64=3) %!d(string=hai) anos
13 7c30ba7563 js兼容性处理、js压缩、html压缩 %!s(int64=3) %!d(string=hai) anos
14 7c30ba7563 js兼容性处理、js压缩、html压缩 %!s(int64=3) %!d(string=hai) anos
15 7c30ba7563 js兼容性处理、js压缩、html压缩 %!s(int64=3) %!d(string=hai) anos
16 55c092be17 生产环境基本配置 %!s(int64=3) %!d(string=hai) anos
17 c831a84a9d 总结 %!s(int64=3) %!d(string=hai) anos
18 704c221d0a HMR %!s(int64=3) %!d(string=hai) anos
19 8241478297 source-map %!s(int64=3) %!d(string=hai) anos
20 aa89693f4b oneOf %!s(int64=3) %!d(string=hai) anos
21 b3edc9ae87 缓存 %!s(int64=3) %!d(string=hai) anos
22 6b4c523e44 tree shaking,code split,懒加载和预加载 %!s(int64=3) %!d(string=hai) anos
23 6b4c523e44 tree shaking,code split,懒加载和预加载 %!s(int64=3) %!d(string=hai) anos
24 6b4c523e44 tree shaking,code split,懒加载和预加载 %!s(int64=3) %!d(string=hai) anos
25 6454dced4a pwa %!s(int64=3) %!d(string=hai) anos
26 9a322717d9 多进程打包 %!s(int64=3) %!d(string=hai) anos
27 67062f70bb externals %!s(int64=3) %!d(string=hai) anos
28 bb9d15a64a dll %!s(int64=3) %!d(string=hai) anos
29 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
30 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
31 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
32 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
33 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
34 c048dbee2d optimization %!s(int64=3) %!d(string=hai) anos
35 857fa9a705 总结 %!s(int64=3) %!d(string=hai) anos
36 857fa9a705 总结 %!s(int64=3) %!d(string=hai) anos
.gitignore a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
README.md 6cf325b543 wepack详细配置 %!s(int64=3) %!d(string=hai) anos
package-lock.json 8bb28ae0c7 eslintt %!s(int64=3) %!d(string=hai) anos
package.json bb9d15a64a dll %!s(int64=3) %!d(string=hai) anos

README.md

启动http服务

npm start

webpack devServer启动

npx webpack serve

目录说明

  • 01：无
  • 02：webpack初体验
  • 03：打包样式资源
  • 04：打包html文件
  • 05：打包图片资源
  • 06：打包其他资源
  • 07：devServer
  • 08：开发环境搭建
  • 09：提取css
  • 10：css兼容性处理 -- postcss-loader postcss-preset-env
  • 11：压缩css
  • 12：eslint语法检查
  • 13：eslint兼容性处理
  • 14：js压缩
  • 15：html压缩
  • 16：生产环境基本配置
  • 17：优化配置
  • 18：HMR:hot module replacement 热模块替换
  • 19：source map 一种提供源代码到构建映射技术
  • 20: oneOf 只会匹配一个loader 提高效率
  • 21: 缓存
  • 22：tree shaking: 去除无用代码
  • 23: code split 代码分割
  • 24: 懒加载和预加载
  • 25：PWA 可离线访问 -- 缓存
  • 26: 多进程打包
  • 27：externals -- 无需打包，比如cdn引入
  • 28: dll -- 需要打包一次，无需重复打包
  • 29：详细配置 -- entry
  • 30：详细配置 -- output
  • 31: 详细配置 -- module
  • 32: 详细配置 -- resolve
  • 33：详细配置 -- devServer
  • 34: 详细配置 -- optimization
  • 35: webpack5
  • 36：总结

关于

用于学习webpack配置，包括css、less、图片资源、其他资源、开发环境等配置。