webpack性能优化-tree shaking(树摇)

tree shaking：去除应用程序中没有使用到的无用代码

前提：

　① 使用 ES6 模块化

② 开启 production 环境

作用：减少代码体积

test.js

test.js 中定义了 通过 ES6 模块 暴露了 add 和 count 两个方法，

index.js 中 引入了 add 和 count 方法，但是 count 方法的返回值没有使用

webpack 编译打包后的 js 文件中，没有 count 方法的执行，自动去除了没有使用的无用代码，

当在 package.json 中配置 "sideEffects" : false，时，所有的代码都可以进行 tree shaking，都没有副作用

但是，可能会把css / @babel/polyfill （副作用）文件去除

避免这种情况，需要重新配置    "sideEffects": ["*.css", "*.less"]，过滤到这些文件使用 tree shaking

css 文件 保存了

标签：count,文件,代码,tree,js,webpack,shaking
来源： https://www.cnblogs.com/cl1998/p/13210551.html