问道Angular——Angular设置别名alias

Neilyo 发布于2019-08-23 12:54 / 3289人阅读

摘要：设置别名在根目录下中添加和访问环境变量添加了别名，以便能够从应用程序中的任何位置轻松访问环境变量。它适用于所有指定的环境，因为它会根据传递给命令的标志自动解析正确的环境文件。

设置别名

在根目录下tsconfig.json中添加baseUrl和paths

{
  "compilerOptions": {
    "baseUrl": "src",
    "paths": {
      "@app/*": ["app/*"],
      "@assets/*": ["assets/*"],
      "@env/*": ["environments/*"],
      "@views/*": ["app/views/*"],
      "@core/*": ["app/core/*"],
      "@constants": ["app/core/constants/*"],
      "@model/*": ["app/core/model/*"],
      "@interceptors/*": ["app/core/interceptors/*"],
      "@services/*": ["app/core/services/*"],
      "@validators/*": ["app/core/validators/*"],
      "@shared/*": ["app/shared/*"],
      "@components/*": ["app/shared/components/*"],
      "@directives/*": ["app/shared/directives/*"],
      "@guards/*": ["app/shared/guards/*"],
      "@pipes/*": ["app/shared/pipes/*"]
    },
}

访问环境变量

import { environment } from "@env/environment"

添加了@env别名，以便能够import { environment } from "@env/environment",从应用程序中的任何位置轻松访问环境变量。它适用于所有指定的环境，因为cli它会根据--env传递给ng build命令的标志自动解析正确的环境文件。

☞☞☞问道Angular系列☜☜☜

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99079.html

Angular（02）-- Angular-CLI命令

摘要：还有，运行项目时，会使用或命令。指定组件归属的。这个是创建服务类的命令，支持的选项配置参考上面几种命令。当为时，会自动创建对应的路由模块，默认。目前对该命令的使用，只接触到默认配置，还不清楚一些选项配置的适用场景，后续有了解再补充。声明本系列文章内容梳理自以下来源： Angular 官方中文版教程官方的教程，其实已经很详细且易懂，这里再次梳理的目的在于复习和巩固相关知识点，刚开始接触...

stackvoid 2019-04-23 11:46 评论0 收藏0
问道Angular——Angular刷新当前页面

摘要：默认情况下，路由器将会忽略这次导航。但这样会阻止类似于刷新按钮的特性。使用该选项可以配置导航到当前时的行为。使用配置实际上不会重新加载路由，只是重新出发挂载在路由器上的事件。配置有三个值仅在路由参数更改时触发。 onSameUrlNavigation 从angular5.1起提供onSameUrlNavigation来支持路由重新加载。、有两个值reload和ignore。默...

RyanHoo 2019-08-26 13:24 评论0 收藏0
问道Angular——Angular5/6/7项目添加热更新(HMR)功能

摘要：提供以上热更新功能使用初始化项目命令行进入该目录启动项目将附带功能。提供angular6以上HMR(热更新)功能使用hmr-cli npm i -g hmr-cli 初始化angular项目,命令行进入该目录 hmr init npm run hmr启动项目将附带hmr功能。详细配置如下： Angular6添加HMR environments目录 environme...

Aceyclee 2019-08-23 12:17 评论0 收藏0
问道Angular——APP_INITIALIZER

摘要：概述有时需要在加载应用之前运行代码，有时希望暂停应用初始化，直到完成某些限制之后再执行。令牌可以完成这项操作。是一个函数，在应用改程序初始化时被调用。可以在类的中以的形式来配置。示例在应用启动阶段利用校验登录信息是否有效问道系列概述有时需要在加载应用之前运行代码，有时希望暂停应用初始化，直到完成某些限制之后再执行。APP_INITIALIZER令牌可以完成这项操作。 APP_...

yunhao 2019-08-23 12:54 评论0 收藏0
一个网站的微服务架构实战（1）docker和 docker-compose

摘要：文件服务器项目为文章共享社区，少不了的就是一个存储文章的文件服务器，包括存储一些图片之类的静态资源。例如数据库的数据文件的配置文件和文件服务器目录。前言这是一次完整的项目实践，Angular页面+Springboot接口+MySQL都通过Dockerfile打包成docker镜像，通过docker-compose做统一编排。目的是实现整个项目产品的轻量级和灵活性，在将各个模块的镜像...

CODING 2019-07-25 14:35 评论0 收藏0