/awesome-webpack

## go! go! go!

Primary LanguageJavaScript

任务驱动式学习

打包各种文件

  • 打包js
  • 打包ES6
  • 打包typescript
  • 打包公共代码 //webpack4 splitChunks minSize控制
  • 代码分隔和懒加载 //webpack4 import
  • 处理css文件
  • 处理less,sass文件
  • 处理postcss文件
  • 提取css文件
  • js Tree-shaking //webpack4已经自动做了
  • css Tree-shaking
  • 处理图片，文字资源
  • 处理第三js库
  • 处理html文件

开发环境搭建

  • watch mode
  • webpack dev server
  • 代理远程接口
  • 模块热更新
  • 开启sourcemap
  • 设置ESLint检测代码格式
  • 生成环境和开发环境搭建
  • 使用middleware搭建开发环境

webpack优化

  • 分析打包结果
  • 优化打包速度
  • 长缓存优化
  • webpack多页应用