README.md 1.3 KB
启动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、图片资源、其他资源、开发环境等配置。