text: ## 课时 24：配置 react
  
  基础配置已经全部配置好了，所以 react 的配置就只有将 jsx 的文件用 babel 编译一下就 ok 了，下面配置将 babel 的配置进行了修改
  
  开启 react
  
  box.config.js
  
  ```js
  {
    "env": {
      "REACT": "react" // 配置 react
    }
  }
  ```
  
  packages/react/webpack-chain.config.js
  
  ```js
  // [react 配置]
  module.exports = ({ config }) => {
    return () => {
      if (!process.env.REACT) return;
      const baseRule = config.module.rule("babel");
      baseRule
        .use("babel")
        .loader(require.resolve("babel-loader"))
        .tap(options => {
          options.presets.push([
            "@babel/preset-react",
            {
              corejs: "3",
              useBuiltIns: "usage",
              loose: true,
              modules: false,
              targets: {
                chrome: 59,
                edge: 13,
                firefox: 50,
                safari: 8
              }
            }
          ]);
          return options;
        });
    };
  };
  ```
  