從 npm 包中添加 dist 文件以進行構建

Question

我在基於React的項目中使用node-poweredup npm 包。 我提供了一個 nodejs 和一個瀏覽器版本的庫。 瀏覽器版本可從jsdelivr CDN 獲得，這也是我將這個庫添加到我的反應應用程序的方式 - 我只是在 index.html 的腳本標簽中包含了 powerup.js。

我可以看到 node-poweredup 模塊在它的dist/browser文件夾（ node_modules/node-poweredup/dist/browser/poweredup.js ）中有一個相同的文件。 如何在運行yarn build時將此 js 文件復制到我的構建目錄，以便我可以使用此文件而不是 CDN 中的文件？

我有一個使用create-react-app的標准反應應用create-react-app 。

Answer 1

嘗試正常導入。 刪除 CDN。 react-scripts 會在構建過程中打包文件。

如果問題仍然存在，請將整個目錄 node_modules/node-poweredup 復制到 node_modules 之外並進行絕對導入。

import * from './node-poweredup/${path}'

提供模塊所在的路徑

或者，更好的方法是下載 CDN 並使用 script 標簽導入 index.js