___2

tree shaking 什么是tree shaking tree shaking是一个计算机术语，表示消除死代码（dead_code） 最早的想法起源于LISP，用于消除未调用的代码（纯函数无副作用

认识DLL、Terser、CssMinimizerPlugin、ScopeHoisting以及对应配置流程

什么是CDN CDN称之为内容分发网络 它是指通过相互连接的网络系统，利用最靠近用户的服务器 更快，更可靠的将音乐、图片、视频、应用程序及其他文件发送给用户 来提高性能、可扩展性及低成本的网络内容传递

hash contentHash chunkHash 文件hash：一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希

配置文件分离和判断开发环境 根补录创建config文件夹，创建三个文件webpack.common.js,webpack.dev.js,webpack.prod.js package.json创建sc

output的plubicPath（该属性是指定index.html文件打包引用的一个基本路径） 它的默认值是一个空字符串，所以我们打包后引入的js文件路径是 bundle。js 在开发中，我们将其设

我们目前这种webpack的开发模式是存在问题的 问题一：每次修改完源代码之后，我们都需要重新进行npm run build才行 通过watch监听源代码的改变（这种方式开发模式是由watch监听和v

Babel是什么 在开发中，我们很少直接去接触babel，但是babel对于前端开发而言是不可缺少的一部分 例如ES6+转换为ES5的代码，语法转换，源代码转换，polyfill实现目标缺少的功能等

source-map 我们通常运行在浏览器地代码，都是通过打包压缩的，这样就会导致线上代码和我们本地代码转换后不一致。报错信息不方便排查等。然后我们就可以使用source-map来解决 source-