应用程序的目录布局
请参阅本主题中的表以了解应用程序的目录布局。
| 目录/文件 | 用途 |
|---|---|
| src/app | 包含在其中定义应用程序逻辑和数据的组件文件。 AppModule 的作用是引导 Angular 应用程序并提供根级别路由器出口。 |
| src/app/app-shell | AppShell 模块负责在登录和导航到主页后初始化应用程序的核心服务。 它还提供了一个容器,在该容器中装入所有功能部件的模块。 |
| src/app/core | CoreModule 包含单项服务,全局组件和其他功能部件,每个应用程序需要一个实例。 CoreModule 在 AppModule中导入一次。注: 不得扩展 CoreModule 文件。 如果需要扩展核心文件,请向 IBM 支持团队提出案例。 |
| src/app/features | 包含应用程序的功能部件模块。 |
| src/app/features/utilities | 实用程序文件夹包含针对不同实体 (例如,在应用程序中使用的订单,装运和其他实体) 的公共实用程序方法。 不得扩展这些实用程序服务文件。 |
| src/app/login | LoginModule 包含与应用程序登录和注销相关的组件和服务。 |
| src/app/shared | SharedModule 包含共享组件,伪指令和提供程序。注:
|
| src/assets | 包含在构建应用程序时按原样复制的转换文件,样式文件和其他资产文件。 |
| src/assets/store-frontend/i18n | 包含转换文件 (JSON)。 每个模块都维护它自己的特定于语言环境或语言的翻译文件。 |
| src/assets/styles/store-frontend/styles | 包含项目的全局样式,例如字体图标文件,分区和图像字符图标。 |
| src/assets/styles/store-frontend/styles/bootstrap-sass/_variables.scss | 包含在整个应用程序中使用的颜色,字体大小,字体系列和其他值的标准定义。 |
| src/assets/store-frontend/styles/fonts/* | 包含与字体图标相关的文件。 |
| src/assets/store-frontend/styles/_glyphicons.scss | 包含字体图标的 CSS。 |
| src/styles.scss | 导入所有部分 SCSS 文件以将其样式应用于应用程序。 |
| 目录/文件 | 用途 |
|---|---|
| store-extensions-src/app | 包含定制或扩展组件文件。 |
| store-extensions-src/app/store-customization-impl.ts | 扩展定义文件,您在其中使用新添加的组件,服务和延迟装入的模块路径的名称来更新相应属性的值。 |
| store-extensions-src/assets | 包含在构建应用程序时按原样复制的转换文件,样式文件和其他资产文件。 |
| store-extensions-src/assets/store-frontend/i18n | 分别包含现有模块和新添加的模块的扩展/新添加的转换文件。 |
| store-extensions-src/assets/styles/store-frontend/styles | 包含定制 SCSS 和部分文件。 |
| store-extensions-src/assets/store-frontend/styles/_variables_extn.scss | 包含覆盖的 SCSS 属性和定制组件中使用的定制 SCSS 属性。 |
| store-extensions-src/styles_extn.scss | 导入定制部分 SCSS 文件以将定制样式应用于应用程序。 |
| 目录 | 用途 |
|---|---|
| store-app-build | 包含应用程序提供的文件 (src) 和定制文件 (store-extensions-src) 的合并源代码。 警告: 这是 仅查看 文件夹。 在定制期间,不得重命名或修改此文件夹的内容。
|
要避免意外查看或修改 store-app-build 文件夹的文件或内容,必须执行以下操作:
- 隐藏此文件夹,使其不显示在 IDE 的文件资源管理器中。
- 在搜索中排除此文件夹及其内容。
在 Mac 上:
- 搜索 文件: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定。
- 搜索 搜索: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定。
在 Windows 上:
- 前往
- 搜索 文件: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击确定。
- 搜索 搜索: 排除 ,然后单击 添加模式。 添加 **/store-app-build ,然后单击 确定。
注: 仅当您使用 Microsoft Visual Studio Code 作为 IDE 时,这些步骤才适用。 对于任何其他 IDE ,请确保执行类似的步骤。