首页 > 解决方案 > 我应该将我的 .js 文件放在我的 Angular 应用程序的什么位置?angular.json(angular-cli.json) 或 assets/dist 文件夹?

问题描述

我看到一些 js 是在 angular.json(angular-cli.json) 中定义的,其中一些被放到 assets/dist 文件夹中并从 index.html 中引用。

哪一个是真实的或有其他目的?

标签: angularangular6angular5

解决方案


Angular 工作空间根级别的 angular.json 为 Angular CLI 提供的构建和开发工具提供了工作空间范围和项目特定的配置默认值。配置中给出的路径值是相对于根工作区文件夹的。

"my-app": {
  "root": "",
  "sourceRoot": "src",
  "projectType": "application",
  "prefix": "app",
  "schematics": {},
  "architect": {
    "build": {},
    "serve": {},
    "e2e": {},
    "test": {},
    "lint": {},
    "extract-i18n": {},
    "server": {},
    "app-shell": {}
  }
}

angular.json 配置

工作区配置文件

工作区中的所有项目共享一个 CLI 配置上下文。工作区的顶层包含工作区范围的配置文件、根级应用程序的配置文件以及根级应用程序源和测试文件的子文件夹。

工作区配置文件

应用程序源文件

src/ 顶层的文件支持测试和运行您的应用程序。子文件夹包含应用程序源和特定于应用程序的配置。

在此处输入图像描述

在 src/ 文件夹中, app/ 文件夹包含项目的逻辑和数据。Angular 组件、模板和样式都放在这里。

应用程序源文件

dist 文件夹

build 命令还会创建一个名为 dist 的新文件夹用于分发。这些是我们可以在服务器上托管的文件,我们的 Angular 应用程序将加载。

dist 文件夹


推荐阅读