击剑（基建🤺）

webpack速度体积分析 初级分析 体积分析 速度分析 bundle体积分析 速度优化 多进程/多实例构建 多进程压缩 预编译资源模块 缓存 构建速度优化 摇树优化（CSS） 构建体积优化 动态po

webpack实现SSR 定义 实现 问题 优化构建 显示日志配置 异常中断处理 webpack实现SSR 定义 实现 问题 优化构建 显示日志配置 异常中断处理

Webpack打包库和组件 需求 打包并暴露 对压缩版的文件进行压缩 设置库被引用时的入口文件 发布到npm

摇树优化 注意点 DCE（Dead Code Elimination） 原理 Scope hoisting 注意点 分析 原理 代码分割 实现 使用 EsLint 规范 实现

source map常见类型 页面公共资源分离 html-webpack-externals-plugin optimization.splitChunks

进阶 自动清理构建产物 样式前缀补齐 移动端 css px自动转rem 静态资源内联 多页面应用打包通用方案

文件指纹 常见的指纹 常见的用法 文件压缩文件指纹 常见的指纹 常见的用法 文件压缩文件指纹 常见的指纹 常见的用法 文件压缩文件指纹 常见的指纹 常见的用法 文件压缩

解析 ES6解析 通过 babel-loader 解析es6语法，而其依赖于babel。 在 webpack.config.js中的module.rules中配置babel-loader 在 .bab

webpack 安装 nvm： curl -o- 地址 nodejs： nvm install 版本 webpack： npm webpack webpack-cli 配置 默认配置文件为 webpa