如何使用“@app/....”在角度7中的引用而不是文字路径？

在Angular 7中，我们可以使用"@"符号来代替路径引用。"@"符号是Angular 7引入的新特性，被称为"路径别名"。使用路径别名可以简化路径的书写，提高代码的可读性和可维护性。

要在Angular 7中使用路径别名引用而不是文字路径，首先需要在tsconfig.json文件中配置路径别名。在"compilerOptions"下添加"paths"属性，然后为路径别名定义键值对。例如：

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@app/*": ["app/*"]
    }
  }
}

上述配置中，"baseUrl"指定了代码的基准路径，"paths"定义了路径别名"@app/"和它对应的实际路径"app/"。

配置完成后，就可以在代码中使用路径别名引用了。例如，如果有一个名为"example.component.ts"的组件文件，它位于"src/app/components"目录下，我们可以使用路径别名"@app"来引用该文件。示例代码如下：

import { ExampleComponent } from '@app/components/example.component';

通过使用路径别名，我们可以直接使用"@app"来代替完整的文件路径，提高代码的可读性。同时，路径别名也可以在不同文件间共享，方便快速调整文件的相对位置。

值得注意的是，路径别名的配置只是在开发阶段有效，需要编译为实际的文件路径才能在浏览器中运行。因此，在编译和打包时，需要根据配置生成正确的文件路径。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云服务器CVM：提供稳定可靠的云服务器实例，满足不同业务场景需求。
• 云数据库MySQL：高性能稳定的关系型数据库服务，适用于各类在线应用。
• 腾讯云函数SCF：事件驱动的无服务器计算服务，帮助简化应用开发和部署流程。
• 对象存储COS：海量、安全、低成本的云存储服务，适用于图片、视频、文档等大容量数据存储。
• 人工智能平台AI Lab：腾讯云提供的AI技术开放平台，集成了多项人工智能服务和工具。

以上是一些腾讯云的产品推荐，供您参考。