从 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