如何在 create-react-app 项目上设置 babel？

Question

我正在做 React.js 由 create-react-app 创建的项目。我使用axios连接服务器，所以我必须使用babel-polyfill来支持IE11。 create-react-app 没有 webpack.config.js 文件可以修改 'entry'，所以我不能设置 babel.

我还尝试在使用 axios 的 javascript 文件上插入 import 'babel-polyfill'; 和 require('babel-polyfill');。但是没用。

我该如何解决这个问题？

Answer 1

create-react-app 只包含一些 polyfill 以减少代码大小（ES6 polyfill 很大）。

如果您想在不修改 webpack 配置的情况下添加 babel-polyfill，您需要在应用程序的入口点导入它，然后再调用其他任何东西

// on top of your index.js
import 'babel-polyfill'

如何在 create-react-app 项目上设置 babel？

How to set babel on create-react-app Project?

javascript

reactjs

webpack

axios

create-react-app