DESKTOP-MK04A0R\chuck
857fa9a705
总结
|
3 anni fa | |
|---|---|---|
| 02 | 3 anni fa | |
| 03 | 3 anni fa | |
| 04 | 3 anni fa | |
| 05 | 3 anni fa | |
| 06 | 3 anni fa | |
| 07 | 3 anni fa | |
| 08 | 3 anni fa | |
| 09 | 3 anni fa | |
| 10 | 3 anni fa | |
| 11 | 3 anni fa | |
| 12 | 3 anni fa | |
| 13 | 3 anni fa | |
| 14 | 3 anni fa | |
| 15 | 3 anni fa | |
| 16 | 3 anni fa | |
| 17 | 3 anni fa | |
| 18 | 3 anni fa | |
| 19 | 3 anni fa | |
| 20 | 3 anni fa | |
| 21 | 3 anni fa | |
| 22 | 3 anni fa | |
| 23 | 3 anni fa | |
| 24 | 3 anni fa | |
| 25 | 3 anni fa | |
| 26 | 3 anni fa | |
| 27 | 3 anni fa | |
| 28 | 3 anni fa | |
| 29 | 3 anni fa | |
| 30 | 3 anni fa | |
| 31 | 3 anni fa | |
| 32 | 3 anni fa | |
| 33 | 3 anni fa | |
| 34 | 3 anni fa | |
| 35 | 3 anni fa | |
| 36 | 3 anni fa | |
| .gitignore | 3 anni fa | |
| README.md | 3 anni fa | |
| package-lock.json | 3 anni fa | |
| package.json | 3 anni fa |
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、图片资源、其他资源、开发环境等配置。