jasonmann1993 / learn_webpack Goto Github PK

webpack 基础功能：打包js,json

webpack 打包js，json，less，css

打包 html资源

打包html资源，加载字体，处理样式中的图片和html中imag的图片，清理打包目录

热加载 webpack-dev-server

demo1-5总结：开发环境的搭建

提取css成单独文件,将css和js分离,css兼容性处理

压缩css

eslint 语法检查

js 兼容性处理

压缩js，html

生产环境配置介绍

开发环境性能优化：HMR,source-map

开发环境性能优化：oneOf

生产环境性能优化：缓存

生产环境性能优化：tree-shaking

代码分割

懒加载

PWA

多进程打包,externals

dll 对代码进行单独打包

npm install

webpack

npx webpack-dev-server