在 vite react ts 环境如何使用 tree-shaking 减少打包体积？

[wewindy]

RT

[wewindy]

是直接使用子包的导入方式吗？

import Button from 'zent/es/button';

更希望解构赋值的方式来完成 tree-shaking

import { Button } from 'zent';

[wewindy]

使用 rollup-plugin-visualizer 插件作用于 vite 打包，经过分析，直接使用解构赋值的导入方式应该就是 tree-shaking 的

// App.tsx

import React from 'react'
import { Button } from 'zent'

const App = () => {
  return (
    <Button>点我</Button>
  )
}

export default App