Pressidian
花园入口
笔记
项目
关于
实验室
GitHub
花园入口
笔记
项目
关于
实验室
GitHub

KNOWLEDGE PATHS

笔记库
当前位置
笔记库/前端/工程化/性能优化

摇树优化

2 分钟阅读 · Note

目录树 578 篇

          • 图片预加载与懒加载
          • 性能优化
          • 摇树优化
          • Core Web Vitals(核心网页指标)
      • 前端技术栈
    • 笔记目录
    • CLAUDE.md
    • Vue 组件与 Render 函数

关联笔记 6

↗图片预加载与懒加载同一路径↗性能优化同一路径↗Core Web Vitals(核心网页指标)同一路径↗0Hello TypeScript共同主题↗编译选项共同主题↗测试共同主题
  • 摇树优化

摇树优化

引用 MDN 文档:

> Tree shaking 是一个通常用于描述移除 JavaScript 上下文中的未引用代码(dead code)行为的术语。 > > 它依赖于 ES2015 中的 import 和 export 语句,用来检测代码模块是否被导出、导入,且被 JavaScript 文件使用。

摇树优化是一种实现移除未引用代码(dead code elimination)的方式,实现的方式是检测哪些导出项(export)在应用代码里未被引用。它会被类似 Webpack 和 Rollup 这样的打包工具执行,最早由 Rollup 实现。

作者:darkyzhou
链接:https://juejin.cn/post/6977334810536575013
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

摇树优化是基于ESM的,也就是CJS以及其他的前端模块化的方式是不能够实现摇树优化的。