Create React App 提供的你可能不知道的实用功能
在本文中，我们将探讨create-react-app提供的鲜为人知但非常有用的功能。
那么，我们开始吧！
使用 HTTPS 而不是 HTTP 来提供应用程序服务
有时我们需要在 HTTPS 上测试我们的应用程序，以检查所有 API 是否正常工作，然后再部署到生产环境。
Create-react-app 提供了一种简单的方法来做到这一点。
在项目文件夹中创建一个.env（.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（.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文件中添加该条目。
感谢阅读！
欢迎了解我最近发布的Redux 精通课程。
在本课程中，你将学习：
- Redux 基础与进阶
- 如何管理数组和对象的复杂状态
- 如何使用多个 reducer 来管理复杂的 Redux 状态
- 如何调试 Redux 应用程序
- 如何在 React 中使用 Redux 和 react-redux 库使你的应用程序具有响应式特性。
- 如何使用 redux-thunk 库处理异步 API 调用等等
最后，我们将从零开始构建一个完整的食品订购应用程序，集成 Stripe 以接受付款，并将其部署到生产环境中。
想及时获取有关 JavaScript、React 和 Node.js 的最新内容吗？请在 LinkedIn 上关注我。
