在 Angular 项目中,环境文件存储在 environments 文件夹中。然而,在 Angular 15 CLI 中,当通过 ng new 命令创建新项目时,并没有默认创建该文件夹。为了创建该文件夹,可以通过以下步骤:
1.通过终端或命令提示符进入你的项目文件夹:
cd your-project-folder
2.创建一个新的 environments 文件夹:
ng generate module environments
3.在 environments 文件夹中创建两个新的环境文件:
ng generate applicationRef app.environment --module environments
ng generate applicationRef prod.environment --module environments
这将创建一个 app.environment.ts 和一个 prod.environment.ts 文件,并将其添加到environments文件夹中。现在你可以使用这些文件来存储环境特定的变量,例如API地址、环境名等等。
在应用程序中可以使用以下方式调用环境特定变量:
import { environment } from '../environments/environment';
console.log(environment.apiBaseUrl);
通过这种方式,你可以正确地使用 Angular 15 CLI 构建环境特定的项目。