webpack配置学习

DESKTOP-MK04A0R\chuck 8241478297 source-map %!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 d76768ab88 优优化规则 %!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
.gitignore a50b521e1e first commit %!s(int64=3) %!d(string=hai) anos
README.md 8241478297 source-map %!s(int64=3) %!d(string=hai) anos
package-lock.json 8bb28ae0c7 eslintt %!s(int64=3) %!d(string=hai) anos
package.json 7c30ba7563 js兼容性处理、js压缩、html压缩 %!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

关于

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