tree shaking 依赖于ES Module 的静态语法分析，在项目编译时移除无用的代码以减少文件体积。 usedExports 在文件中，我们可能定义了变量但是暂时又没有用到，这样会造成空间的浪费。在 mode 为 production 时，会默认做一些配置，将无用的代码删除。为了看到没有做处理时编译后的文件效果，
tree shaking 去除无用的代码 1、前提：ES6的模块化，开启production环境 减少代码体积 module.exports = { ... mode:'production', } 2、添加package.json配置 可能对css有影响 "sideEffects": ["*.css","*.scss"] { ... "sideEff
什么是tree shaking Tree Shaking 是一个术语，在计算机中表示消除死代码 webpack实现 tree shaking 有两种方案 1. usedExports：通过表及某些函数是否被使用，之后通过Terser来进行优化 2. sideEffects：跳过整个模块/文件，直接查看文件是否有副作用 1. usedExports usedExports 的
1.是什么？ tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。Tree-shaking 是 DCE（dead code elimination） 的一种新的实现。 tree-shaking更关注于无用模块的消除，消除那些引用了但并没有被使用的模块。它依赖于 ES6模块系统中的静态结构特性，ES
tree shaking(树摇) 去除无用的代码(比如没有调用的函数) 前提:1. 必须使用ES6模块化 2. 开始production环境 作用: 减少代码体积 在package.json中配置 "sideEffects":false 所有代码都没有副作用 (都可以进行tree shaking) 但是:
