Vite treeShaking功能

Vite

适用范围:

1. 作用:

1. 导入时, 把多余、用不到的变量、函数忽略导入, 节省资源

使用指南

2. 使用方法:

• 在 Vite 配置文件中设置 optimizeDeps 选项为 true
• 在 package.json 中设置 "sideEffects": false，以帮助 Vite 更好地进行 tree shaking
• 使用 ES Module 的方式导入代码，以便 Vite 进行静态分析

3. 示例代码:

// 导入 lodash 库中的某个函数
import { debounce } from 'lodash';
 
// 使用 debounce 函数
debounce(() => {
  console.log('This function will be debounced');
}, 500);