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

Question

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

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

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

Failed to compile.

Failed to minify the code from this file:

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

Read more here: https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-build-fails-to-minify

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

"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 所解释的那样，该软件包包含一个用于浏览器的包，其中包含在客户端运行它所需的 polyfilled Node 功能（流等）。

它应该用作全局：

import 'ipfs-api/dist';

ipfs(...)

Is there a way to transile all the dependent node modules to es5 while before using the command react-scripts build ?

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

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

Use npm modules written in ES6 with react-scripts

javascript

ecmascript-5

ecmascript-6

react-scripts

create-react-app