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

How do I use webpack dynamic imports inside an NPM package?

我有一个导入其他项目的导航栏 npm 包。它基于运行时从 Web 服务器加载的 JSON 配置文件动态导入 FontAwesome 图标。

当我构建导航栏包时,整个 FontAwesome 库最终以块的形式出现在构建目录中,正如我所期望的那样。

当我在另一个项目中导入该导航栏模块时,该项目的构建不包括 FontAwesome 块。所以动态导入 HTTP 调用得到一个 404。

我在网上找不到太多关于这个用例的信息,可能是因为我不知道要查找的术语,也可能是因为这首先是一个糟糕的想法。

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

您可以尝试 运行 npm publish --dry-run 查看发布的内容以及与您的构建文件夹相比是否缺少任何内容。

您也可以尝试 运行 npm publish <path to build folder>.

完整文档在这里:https://docs.npmjs.com/cli/v7/commands/npm-publish