tree shaking 不会自动剔除日志埋点代码，因其默认被视为有副作用；需通过 sideeffects 声明、pure 标注、环境变量编译期剔除、封装无副作用 es 模块等方式主动优化。

Tree Shaking 本身不会自动剔除日志埋点代码，因为它依赖于“无副作用”的静态分析，而大多数日志调用（如 console.log、自定义埋点函数）默认被 Webpack 或 Rollup 视为有副作用——即使它们不改变程序状态，构建工具也无法安全地判定其可移除。

明确标记日志代码为无副作用

让打包工具识别日志调用可安全剔除，需主动声明其“无副作用”：

• Webpack：在 package.json 中添加 "sideEffects": false（全局禁用），或更精准地列出仅含日志的模块路径，例如：
  "sideEffects": ["./src/utils/logger.js", "./src/tracking/*.js"]
  同时确保这些文件中只导出纯函数、不触发外部行为（如不调用 fetch、不修改全局变量）。
• Rollup：在插件或配置中使用 pure: true 标记特定调用，或借助 rollup-plugin-pure 插件为 trackEvent() 等函数自动标注为 pure。

用环境变量控制埋点开关

比依赖 Tree Shaking 更可靠的方式是编译期条件剔除：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 在代码中用 process.env.NODE_ENV === 'production' 或自定义变量（如 process.env.ENABLE_TRACKING）包裹埋点调用；
• Webpack 的 DefinePlugin 或 Rollup 的 replace 插件会将该判断内联并折叠，使整个 if 块在生产构建中被完全删除；
• 示例：
  if (process.env.ENABLE_TRACKING === 'true') { trackPageView(); }
  构建后若 ENABLE_TRACKING 被替换为 'false'，整行代码即被消除。

封装可摇树的埋点工具函数

避免直接调用全局埋点方法，改用 ES 模块导出、且自身无副作用的工具：

• 创建 tracking.js，导出命名函数：
  export function trackClick(name) { /* ... */ }
• 在入口或页面级模块中按需导入：
  import { trackClick } from './tracking.js';
• 确保未被任何地方 import 的 tracking 函数会被 Tree Shaking 自动丢弃；
• 配合上一条的环境变量判断，进一步保障生产包零残留。

避免常见陷阱

以下写法会让 Tree Shaking 失效或埋点无法剔除：

• 在模块顶层直接执行埋点（如 trackPageView();），即使没被 import，也会因“有副作用”被保留；
• 使用 eval、Function 构造器、with 或间接引用（如 window['track']()），破坏静态分析；
• 埋点函数内部修改了闭包外变量、触发了 API 请求、或依赖运行时环境判断（如 navigator.userAgent），导致工具不敢剔除。

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南