npm run build uglifyjs: SyntaxError: Unexpected token: operator (>)
npm run build uglifyjs: SyntaxError: Unexpected token: operator (>)
我正在尝试使用以下命令优化 Create-react-app 用于生产:
npm run build
但它给我以下错误:
static/js/main.9c091e05.js from UglifyJs
SyntaxError: Unexpected token: operator (>) [./~/http-build-query/index.js:16,0]
这可能是因为模块 http-build-query
但该模块对于我的应用来说太必要了。
我也试过 yarn build
也出现了同样的错误。
编辑
我只是通过谷歌搜索才知道 npm run build
不支持 ES6 语法。所以问题是如何使用 npm run build
?
构建 ES6 语法
发生这种情况的原因是因为 node_modules
文件夹 is not handled 中的 ES6 代码由 create-react-app
- 它假设他们自己完成了(他们应该这样做)。
选项 1
停止使用那个包,找到一个更好的包。
选项 2
将包中的代码复制到您自己的源文件中,以便 babel 可以访问它
选项 3
弹出 create-react-app
并自己自定义 webpack 配置,包括对 node_modules
文件夹的测试(确实会妨碍您的构建时间)
选项 4
覆盖 create-react-app
的 webpack 配置以完成 Option 3
而无需弹出。请注意,这很复杂,Option 1
或 Option 2
是您应该选择的
可以在此处找到覆盖示例:https://daveceddia.com/customize-create-react-app-webpack-without-ejecting/
我正在尝试使用以下命令优化 Create-react-app 用于生产:
npm run build
但它给我以下错误:
static/js/main.9c091e05.js from UglifyJs
SyntaxError: Unexpected token: operator (>) [./~/http-build-query/index.js:16,0]
这可能是因为模块 http-build-query
但该模块对于我的应用来说太必要了。
我也试过 yarn build
也出现了同样的错误。
编辑
我只是通过谷歌搜索才知道 npm run build
不支持 ES6 语法。所以问题是如何使用 npm run build
?
发生这种情况的原因是因为 node_modules
文件夹 is not handled 中的 ES6 代码由 create-react-app
- 它假设他们自己完成了(他们应该这样做)。
选项 1
停止使用那个包,找到一个更好的包。
选项 2
将包中的代码复制到您自己的源文件中,以便 babel 可以访问它
选项 3
弹出 create-react-app
并自己自定义 webpack 配置,包括对 node_modules
文件夹的测试(确实会妨碍您的构建时间)
选项 4
覆盖 create-react-app
的 webpack 配置以完成 Option 3
而无需弹出。请注意,这很复杂,Option 1
或 Option 2
是您应该选择的
可以在此处找到覆盖示例:https://daveceddia.com/customize-create-react-app-webpack-without-ejecting/