Angular应用中配置全局路径映射

  • 1. tsconfig.json文件配置说明
  • 2. 配置全局路径映射
    • 2.1 指定baseUrl属性值
    • 2.2 配置paths属性值
    • 2.3 使用示例

为了避免移动文件时调整基本文件的引用路径,或者为了引用部分文件时缩短引用路径,可以在配置文件中配置全局路径映射。

1. tsconfig.json文件配置说明

查看tsconfig.json文件配置说明


2. 配置全局路径映射

2.1 指定baseUrl属性值

"baseUrl": "./",

2.2 配置paths属性值

"paths": {"@shared": [ "src/app/shared/index" ],"@env/*": [ "src/environments/*" ]}

2.3 使用示例

import { SharedModule } from '@shared';
import { environment } from '@env/environment';

Angular应用中配置全局路径映射相关推荐

  1. Angular应用中tsconfig.json文件配置说明及配置全局路径映射

    tsconfig.json文件配置说明 1. tsconfig.json文件中的选项配置 2. 配置全局路径映射 1. tsconfig.json文件中的选项配置 TypeScript编译器配置文件的 ...

  2. tomcat上传文件,重新加载后删除以及在web.xml中配置全局路径

    <context-param><param-name>linux_direct</param-name><param-value>/u01/app/be ...

  3. spring boot中配置虚拟路径,用来映射显示图片

    增加配置,继承 WebMvcConfigurerAdapter,如下: package com.wm.mogu_picture.config;import org.springframework.be ...

  4. (三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串 在public中添加HBuilderX的打包配置文件manifest.json

    Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...

  5. java配置接口提供给vue,vue在js中配置全局API接口

    在src文件夹中新建util文件夹,然后在新建一个globalAPI.js文件. 在js中配置后端的接口数据 const http = 'http://127.0.0.1:8989' const gl ...

  6. vue项目,webpack中配置src路径别名及使用

    默认会有'@'别名,指向src目录,还可以添加自定义别名等等. 使用方法 使用别名一般就三种情况:在js中用,在css中用,在html文档内用 js中用,最简单: import {getName} f ...

  7. java web 默认页面配置文件_Tomcat中配置全局的错误页面(如404)+删除Tomcat中webapps目录下的自带项目,防止Tomcat默认文件泄露...

    进入tomcat目录中conf文件编辑web.xml,将下面代码复制到文件末尾,如下 400 /error.html 404 /404/404.html 500 /404/500.html 2.添加4 ...

  8. Sonic simple服务中设备图片、测试用例运行异常图片、失败录像路径映射配置

    使用docker ps查看容器信息. 使用docker exec -it a2d69c075875 sh进入容器,并查看容器文件. 相关文件夹说明: imageFiles:测试用例运行截图信息. ke ...

  9. Tomcat配置虚拟路径访问容器外的硬盘资源

    问题: 如果tomcat中上传了很多的图片,会导致tomcat启动的时候会慢,所以应该把图片上传到tomcat容器外部 那么,问题来了: tomcat出于安全考虑,禁止了直接访问外部硬盘资源. 解决: ...

最新文章

  1. C 语言 *** glibc detected *** free(): invalid next size (fast): 0x0000000000be1010 ***
  2. 【Android 安全】DEX 加密 ( Application 替换 | ActivityThread 中的 mAllApplications 集合添加 Application )
  3. 防火墙(11)——防止爬虫过多访问(ping)我们的服务器
  4. BOOST内存管理(二) --- boost::pool
  5. python pytest allure_python测试框架pytest和测试报告allure的联合使用-----测试套件
  6. Tcp_wrapper
  7. 用html5做一个简单网页_用新款ws2812灯带做一个简单的窗花
  8. 中兴bsc服务器是什么,中兴BSC内部信令流程介绍
  9. [剑指offer] 旋转数组的最小数字
  10. 小卡机器人积木教程_一盒56种玩法!这套智能积木机器人秒杀家中99%的益智玩具!| 新年礼物...
  11. Trimble Sketchup Pro 2013 英文破解版
  12. 用pano2vr创建全景图
  13. 腾讯地图计算两点间距离
  14. ie浏览器样式兼容写法_浏览器兼容性以及写法
  15. Medusa工具使用(转)
  16. 使用ARDUINO UNO和无源蜂鸣器实现音乐-《两只老虎》
  17. java 文件缓冲区_基于直接缓冲区和非直接缓冲区的javaIO文件操作
  18. Matlab:创建字符串数组
  19. 工业窑炉烟气SCR脱硝改造
  20. 阿汤的疑惑(大数取余+质因数分解)

热门文章

  1. Echo团队Alpha冲刺随笔 - 第九天
  2. 去除inline-block元素间距
  3. Vue异步组件Demo
  4. OC基本数据存储方式
  5. UIActionSheet在iOS8中被弃用造成的错误
  6. Android Splash界面支持用户点击 直接进入主界面
  7. 面向对象模型的四种核心技术
  8. SLAM之特征匹配(二)————RANSAC--------翻译以及经典RANSAC以及其相关的改进的算法小结
  9. NDK JNI Android Studio开发与调试DEMO(三)(生成 .so 文件)
  10. ecshop模板smarty foreach详解 [ECshop]