如果你正在开发一个使用 react@0.x 的项目，那么你可能会遇到该项目无法正常启动的问题。这是因为 react-scripts@3.0.0 开始已经不再支持 react@0.x，而 ehdev-configs-legacy 则是专为旧版 react 提供的配置文件。
本文将向您介绍如何使用 ehdev-configs-legacy 来启动您的 react@0.x 项目。
安装
在项目目录下，执行以下命令进行安装：
npm install --save-dev ehdev-configs-legacy
使用
在项目根目录创建 config-overrides.js，并按以下内容填写：
-- -------------------- ---- -------
----- - --------- --------------- - - -------------------------
----- - ------------- - - --------------------------------
-------------- - ---------
----------------
-----------------
------------ ------------------------
---
--然后在 package.json 文件中添加如下命令：
-- -------------------- ---- -------
-
---------- -
-------- -------------- -------
--------------- ------------ ----------------- -------
-------- -------------- -------
------- -------------- ------
-------- -------------- ------
-
-其中 start:legacy 命令会在启动项目前设置 LEGACY 环境变量，以启用 ehdev-configs-legacy 的配置文件。
最后执行以下命令启动项目：
npm run start:legacy
深入了解
ehdev-configs-legacy 提供了以下功能：
babel 配置
react@0.x 对应的 babel 配置，包括了 @babel/preset-react@7、@babel/plugin-proposal-class-properties 等插件。
webpack 配置
webpack 的配置，包含了以下特性：
- 支持在 webpack 配置文件中直接导入相对路径，而无需使用绝对路径。
- 集成了
source-map-loader，以支持在浏览器中以调试模式查看webpack打包后的代码。 - 添加了
alias，以支持在项目中使用类似于下面这样的语句：import React from 'react'。
postcss 配置
postcss 的配置，包含了对 autoprefixer@8 的支持。
小结
通过本文的介绍，您已经学会了如何使用 ehdev-configs-legacy 来启动您的 react@0.x 项目。借助该文章提供的详细步骤以及代码示例，您可以轻松地处理该问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562df81e8991b448e0605