webpack - es6 导出 const 和导入包括构建包中文件中的整个模块，而不仅仅是我导入的模块

Question

我正在开发一个 nuxt 应用程序并使用 unicons 作为图标。

我有一个像这样的icons.js文件icon file

我只从图标文件中导入了一个图标，如下所示:

import { uniEllipsisH } from '@/helpers/icons'

当我使用以下命令分析我的包时:

yarn build --analyze

我将整个 icons.js 文件包含在我的包中。

我认为 bundle 中只应包含导入的图标。完全困惑了。请帮忙。

Answer 1

在package.json中使用“sideEffects =“false”

并将其导出为

export const foo = {....}

而不是

module.exports.foo = {...}

解决了问题。