externals 中使用 tree shaking
对于 antd 这种大包,如果你只用几个组件,却把整个包都导出就有点浪费了。externals.ts 支持 tree shaking,用到什么组件就导出什么组件。比如只用到了 antd 中的 Button 组件,那么可以只导出 Button:
typescript
import { Button } from "antd";
export default {
antd: { Button },
};import { Button } from "antd";
export default {
antd: { Button },
};WARNING
如果用户不关心文件大小,或者你觉得无所谓,可以不用 tree shaking。因为它确实有点麻烦,比如后来在 injectScript 中又用到了 Modal 组件,你还得跑回来把 Modal 也导出
Webextkits Docs