Webpack如何实现tree shaking的优化策略？
- 内容介绍
- 文章标签
- 相关推荐
本文共计527个文字，预计阅读时间需要3分钟。
Webpack 的 tree-shaking 功能用于移除未使用的代码，以下是对给定内容的简化
javascriptwebpack tree-shaking 代码示例：const a=()=> { console.log(a123456方法); };const b=()=> { console.log(b123456方法); };main.js 中导入 a 并调用；配置 sideEffects 以利用 tree-shaking。
webpack的tree shaking
util.js
export const a = () => { console.log("a123456方法"); }; export const b = () => { console.log("b123456方法"); };
main.js
import {a} from './utils'; a();
sideEffects
一般而言，上述代码，在webpack 进行tree shaking 能够不打包function b 的代码，这是因为webpack 对代码进行了分析，b 没有引用不会打包。
本文共计527个文字，预计阅读时间需要3分钟。
Webpack 的 tree-shaking 功能用于移除未使用的代码，以下是对给定内容的简化
javascriptwebpack tree-shaking 代码示例：const a=()=> { console.log(a123456方法); };const b=()=> { console.log(b123456方法); };main.js 中导入 a 并调用；配置 sideEffects 以利用 tree-shaking。
webpack的tree shaking
util.js
export const a = () => { console.log("a123456方法"); }; export const b = () => { console.log("b123456方法"); };
main.js
import {a} from './utils'; a();
sideEffects
一般而言，上述代码，在webpack 进行tree shaking 能够不打包function b 的代码，这是因为webpack 对代码进行了分析，b 没有引用不会打包。