webpackstudy

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