如何在NPM软件包中使用webpack动态导入?

时间:2019-08-14 14:08:46

标签: javascript webpack dynamic-import npm-package

我有一个导入到其他项目的navbar npm软件包。它会根据运行时从网络服务器加载的json配置文件动态导入fontawesome图标。

当我构建navbar软件包时,就像我期望的那样,整个fontawesome库最终以大块形式出现在build目录中。

当我在另一个项目中导入该navbar模块时,该项目的构建不包含fontawesome块。因此,动态导入http调用会得到404。

我在网上找不到有关此用例的太多信息,可能是因为我不知道要寻找的用语,可能是因为这首先是一个糟糕的主意。

如何让webpack看到软件包具有动态导入,并将必要的块复制到构建目录中?

1 个答案:

答案 0 :(得分:0)

您可以尝试运行 "strict mode" 以查看发布的内容以及与您的构建文件夹相比是否缺少任何内容。

您也可以尝试运行 npm publish --dry-run

此处的完整文档:https://docs.npmjs.com/cli/v7/commands/npm-publish