使用 ES6 编写的 npm 模块和 react-scripts

Question

在我的项目中，我需要使用 npm 模块 ipfs-api 和 create-react-app。

我可以运行npm start 并运行项目。

但是当我尝试使用react-scripts build 构建项目时，它会抛出以下错误

编译失败。

压缩此文件中的代码失败：

./node_modules/ipfs-api/src/utils/module-config.js:7

在此处阅读更多信息：https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-build-fails-to-minify

根据错误日志中提供的链接中的建议，我尝试使用，

"dependencies": {
     ...
     "ipfs-api": "github:atfornes/js-ipfs-api#transpiled",
     ...
}

而不是"ipfs-api": "^22.0.0",。虽然这解决了 ipfs-api 的错误，但其他依赖模块（可能与 ipfsapi 一起安装）一直给出相同类型的 Failed to minify 错误，我停止手动编译它们。

在使用命令 react-scripts build 之前，有没有办法将所有依赖节点模块转换为 es5？或者有什么其他方法可以解决这个问题？

Answer 1

通常客户端或平台无关的包在发布时被编译为 ES5。您遇到此问题可能表明该软件包不适用于客户端。

正如the documentation 解释的那样，该软件包包含一个用于浏览器的捆绑包，其中包含在客户端运行它所需的填充节点功能（流等）。

它应该被用作全局：

import 'ipfs-api/dist';

ipfs(...)

在使用命令 react-scripts build 之前，有没有办法将所有依赖节点模块转换为 es5？

这需要弹出 create-react-app 配置并配置 Webpack 以正确转译此包。文档中的This example 显示了应如何将特定于节点的部分配置为捆绑浏览器。