es6 模块按需导入 tree-shaking

Question

我在项目的plugins目录下构建了一些插件目录 a、b、c ...

例如 plugins/a/index.js

export default a

plugins/index.js

export { default as a } from '@plugins/a'
export { default as b } from '@plugins/b'
export { default as c } from '@plugins/c'

当我仅仅在文件中导入plugins/index.js中的一个插件时：

test.js

import { a } from "@plugins"

最后打包，查看体积，实际导入了a、b、c。请问在 webpack 中如何将 b、c shake掉。或者有没有其他做法呢？谢谢。

Answer 1

tree shaking