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

标签 javascript webpack dynamic-import npm-package

我有一个导航栏 npm 包,我将它导入到其他项目中。它基于运行时从 Web 服务器加载的 JSON 配置文件动态导入 FontAwesome 图标。
当我构建 navbar 包时,整个 FontAwesome 库最终在构建目录中成为 block ,正如我所期望的那样。
当我在另一个项目中导入该导航栏模块时,该项目的构建不包括 FontAwesome block 。所以动态导入 HTTP 调用得到 404。
我在网上找不到太多关于这个用例的信息,可能是因为我不知道要查找的术语,可能是因为这首先是一个糟糕的想法。
如何让 webpack 看到一个包具有动态导入并将必要的 block 复制到构建目录?

最佳答案

您可以尝试运行 npm publish --dry-run查看发布的内容以及与您的构建文件夹相比是否缺少任何内容。
您也可以尝试运行 npm publish <path to build folder> .
完整文档:https://docs.npmjs.com/cli/v7/commands/npm-publish

关于javascript - 如何在 NPM 包中使用 webpack 动态导入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57496375/

相关文章:

javascript - KnockOut JS 中的列表未更新

node.js - 在 Node.js 中动态导入 webpack

javascript - 将 locale 参数附加到 rails 中 js-routes gem 生成的所有路径

javascript 或 jquery 获取图像源的方法(如果......匹配特定模式)

javascript - 使用 javascript 在 chrome 中播放 .ts 文件

reactjs - 如何使用 webpack 内联样式?

javascript - 如何在 Webpack 项目中查找未使用的文件?

angular8 - 动态导入在 Angular 8 库中不起作用

javascript - 为什么在函数内部等待导入而不是顶级导入?