第6章 webpack总结

• webpack基础配置
  • 安装：本地安装即可，无需全局安装
  • 使用：CLI的方式或配置脚本使用配置文件
  • 配置：
    • 开发时工具：watch、dev-server、webpack-dev-middleware、sourceMap
    • loaders：css-loader、style-loader、less-loader、sass-loader、url-loader、babel-loader、
    • plugins：html-webpack-plugin、clean-webpack-plugin、copy-webpack-plugin、BannerPlugin
• webpack高级配置
  • img标签资源处理
  • 多页应用打包
  • 第三方库的引入方式
  • 区分配置文件打包
  • 环境变量
  • proxy
  • HMR
• webpack性能优化
  • webpack自带优化详解
  • css优化
    • 提取到单独文件
    • 自动添加前缀
    • 压缩注意事项
  • js优化
    • 代码分离：手动配置多入口、抽取公共代码、懒加载、SplitChunksPlugin参数详解
    • noParse
    • IgnorePlugin
    • DllPlugin：将固定库抽取成动态链接库节省资源
  • 多进程打包
  • 浏览器缓存
  • 打包分析
  • Prefetching
• webpack原理
  • 分析bundle文件
  • 手写基础的webpack
  • 利用AST完成代码转译
  • 手写loader并给自己的webpack添加loader功能
  • webpack中tapable的应用
  • 手写plugin并给自己的webpack添加plugin功能

学习不是百米冲刺，而是一场马拉松，现在所学只是起点，更多的是需要大家找到学习方法，不断的学习提升自己，一起加油！