如何在 NPM 包中使用 webpack 動態導入？

Question

我有一個導航欄 npm 包，可以導入到其他項目中。 它根據運行時從 Web 服務器加載的 JSON 配置文件動態導入 FontAwesome 圖標。

當我構建 navbar 包時，整個 FontAwesome 庫在構建目錄中以塊的形式結束，正如我所期望的那樣。

當我在另一個項目中導入該導航欄模塊時，該項目的構建不包含 FontAwesome 塊。 所以動態導入 HTTP 調用得到 404。

我在網上找不到很多關於這個用例的信息，可能是因為我不知道要查找的術語，可能是因為這首先是一個糟糕的主意。

我怎樣才能讓 webpack 看到一個包有動態導入並將必要的塊復制到構建目錄？

Answer 1

您可以嘗試運行npm publish --dry-run以查看發布的內容以及與您的構建文件夾相比是否缺少任何內容。

您也可以嘗試運行npm publish <path to build folder> 。

完整文檔在這里： https : //docs.npmjs.com/cli/v7/commands/npm-publish