# webpack

系统梳理 Webpack 打包优化策略，包括 speed-measure-webpack-plugin 速度分析、DLL 动态链接库预编译、HappyPack 多线程编译、terser-webpack-plugin 并行压缩、splitChunks 代码分割、CDN 外链优化等实用手段，帮助开发者显著提升大型项目的构建效率。

深入解析 Webpack HMR（Hot Module Replacement）热替换的完整实现链路，从 webpack-dev-server 启动本地服务、WebSocket 建立连接，到模块更新文件的生成与推送，再到浏览器端的模块替换执行，完整还原热更新全过程，并附图示说明关键步骤。

深入剖析 vue-cli 2.x 脚手架生成的 Webpack 配置，逐一解读 webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js 的各项配置，涵盖入口输出、loader 处理、热更新、代码压缩、资源分离等核心内容，帮助开发者彻底理解 npm run dev 与 npm run build 背后的工作机制。