在本文中，我们将探讨create-react-app提供的鲜为人知但非常有用的功能。
让我们开始吧！
在 HTTPS 而不是 HTTP 上提供应用程序
有时我们需要在 HTTPS 上测试我们的应用程序，以在部署到生产之前检查所有 API 是否正常工作。
Create-react-app 提供了一种简单的方法来做到这一点。
.env在您的项目文件夹中创建一个(dot env) 文件并HTTPS=true在其中添加如下内容：
HTTPS=true 并通过运行yarn start或npm start命令重新启动您的应用程序，现在您的整个应用程序将在 HTTPS 上提供服务。
使用绝对路径导入
在每个应用程序中，我们都有导入语句，我们必须从当前文件夹中出来才能到达另一个文件，如下所示：
import { login } from '../actions/login';
import profileReducer from '../reducers/profile'; 所以我们必须检查我们在哪个文件夹中，然后添加这些双点数以导入另一个文件。Create-react-app 可以轻松处理。
jsconfig.json在您的项目文件夹中创建一个新文件并在其中添加以下代码：
{
"compilerOptions": {
"baseUrl": "./src"
}
} 在这里，我们指定了所有文件所在的基本文件夹。（主要是 React 应用程序中的 src 文件夹）。
所以现在我们可以简化上面的导入，如下所示：
import { login } from 'actions/login';
import profileReducer from 'reducers/profile'; 使用此配置，它现在将src作为基本 URL，因此我们只需要指定从文件夹内开始的src文件夹路径，就像我们在上面的代码中所做的那样。
这将避免为深度嵌套的路径添加额外的点。
在 React 中轻松访问环境变量
环境变量很重要，因为它们使我们能够保护私人信息的安全。它可以是用户名或密码或 API 密钥。
它们还允许我们根据环境（开发、暂存、生产等）为我们的应用程序提供不同的数据值。
Create-react-app 允许我们在不使用任何外部库的情况下读取环境变量。
要在 React 中创建环境变量，请创建一个新的.env(dot env) 文件并在其中声明环境变量，如下所示：
REACT_APP_API_BASE_URL=environment_variable_value
REACT_APP_PASSWORD=your_password 使用环境变量名称开头很重要，REACT_APP_这样 create-react-app 将能够读取它。
一旦您.env使用变量创建了一个文件，它将在您的 React 应用程序中的process.env对象中可用。
process.env.REACT_APP_API_BASE_URL
process.env.REACT_APP_PASSWORD 注意：.env出于隐私原因，您不应将文件推送到您的 git 存储库，因此请确保.env在您的.gitignore文件中添加该条目。
