WEBPACK实战:入门.进阶与调优

●前言章  Webpack简介11.1  何为Webpack11.2  为什么需要Webpack21.2.1  何为模块21.2.2  中的模块31.2.3  模块打包工具41.2.4  为什么选择Webpack51.3  安装51.4  打包个应用71.4.1  Hello World71.4.2  使用npm scripts91.4.3  使用默认目录配置101.4.4  使用配置文件101.4.5  webpack-dev-server131.5  本章小结15第2章  模块打包172.1  CommonJS172.1.1  模块182.1.2  导出182.1.3  导入202.2  ES6 Module222.2.1  模块222.2.2  导出232.2.3  导入242.2.4  复合写法262.3  CommonJS与ES6 Module的区别262.3.1  动态与静态262.3.2  值拷贝与动态映射272.3.3  循环依赖292.4  加载其他类型模块332.4.1  非模块化文件342.4.2  AMD342.4.3  UMD352.4.4  加载npm模块372.5  模块打包原理382.6  本章小结41第3章  资源输入输出423.1  资源处理流程423.2  配置资源入口443.2.1  context443.2.2  entry453.2.3  实例473.3  配置资源出口503.3.1  filename503.3.2  path533.3.3  publicPath543.3.4  实例563.4  本章小结57第4章  预处理器594.1  一切皆模块594.2  loader概述614.3  loader的配置634.3.1  loader的引入634.3.2  链式loader654.3.3  loader options654.3.4  更多配置  常用loader介绍704.4.1  babel-loader704.4.2  ts-loader724.4.3  html-loader734.4.4  handlebars-loader734.4.5  file-loader744.4.6  url-loader7.4.7  vue-loader774.5  自定义loader784.6  本章小结82第5章  样式处理845.1  分离样式文件845.1.1  extract-text-webpack-plugin855.1.2  多样式文件的处理875.1.3  mini-css-extract-plugin895.2  样式预处理915.2.1  Sass与SCSS915.2.2  Less935.3  tCSS945.3.1  tCSS与Webpack945.3.2  自动前缀955.3.3  stylelint965.3.4  CSSNext985.4  CSS Modules995.5  本章小结100第6章  代码分片1016.1  通过入口划分代码1016.2  CommonsChunkPlugin1026.2.1  提取vendor1056.2.2  设置提取范围1066.2.3  设置提取规则1076.2.4  hash与长效缓存1096.2.5  CommonsChunkPlugin的不足1116.3  optimization.SplitChunks1126.3.1  从命令式到声明式1146.3.2  默认的异步提取1156.3.3  配置116  资源异步加载117.1  import()118.2  异步chunk的配置1206.5  本章小结121第7章  生产环境配置1227.1  环境配置的封装1227.2  开启production模式1247.3  环境变量1257.4  source map1267.4.1  原理1267.4.2  source map配置1277.4.3  安全1297.5  资源压缩1307.5.1  压缩1307.5.2  压缩CSS1327.6  缓存1337.6.1  资源hash1337.6.2  输出动态HTML1347.6.3  使chunk id更稳定1367.7  bundle体积监控和分析1387.8  本章小结140第8章  打包优化1418.1  HappyPack1418.1.1  工作原理1428.1.2  单个loader的优化1428.1.3  多个loader的优化1448.2  缩小打包作用域1458.2.1  exclude和include1458.2.2  noParse1468.2.3  IgnorePlugin1468.2.4  Cache1478.3  动态链接库与DllPlugin1478.3.1  vendor配置1488.3.2  vendor打包1498.3.3  链接到业务代码1508.3.4  潜在问题1518.4  tree shaking1528.4.1  ES6 Module1538.4.2  使用Webpack进行依赖关系构建1538.4.3  使用压缩工具去除死代码1548.5  本章小结154第9章  开发环境调优1559.1  Webpack开发效率插件1559.1.1  webpack-dashboard1559.1.2  webpack-merge1579.1.3  speed-measure-webpack-plugin1609.1.4  size-plugin1609.2  模块热替换1629.2.1  开启HMR1629.2.2  HMR原理19.2.3  HMR API示例1669.3  本章小结1680章  更多打包工具16910.1  Rollup16910.1.1  配置17010.1.2  tree shaking17110.1.3  可选的输出格式17210.1.4  使用Rollup构建库17310.2  Parcel17310.2.1  打包速度17410.2.2  零配置17610.3  打包工具的发展趋势17810.3.1  性能与通用性17810.3.2  配置极小化与工程标准化17810.3.3  WebAssembly17910.4  本章小结180