美文网首页
Angular设置路径别名

Angular设置路径别名

作者: imxiaochao | 来源:发表于2018-09-28 15:37 被阅读0次

在Angular中,因为将webpack打包内置了,所以设置webpack的alias需要按照如下方式

别名设置

// tsconfig.json文件中增加如下配置
"paths": {
  "@shared": [ "app/shared" ],
  "@shared/*": [ "app/shared/*" ],
  "@app": [ "app" ],
  "@app/*": [ "app/*" ]
}

别名使用

import test from '@app/test'

相关文章

  • Angular设置路径别名

    在Angular中,因为将webpack打包内置了,所以设置webpack的alias需要按照如下方式 别名设置 ...

  • 为路径设置别名@

    1.场景:在开发过程中,我们经常需要引入各种文件,如图片、CSS、JS等,为了避免写很长的相对路径(../),我们...

  • Angular 路由入门

    我们可以通过下面几步操作,让 Angular 应用支持路由功能: 在 Angular 应用中设置基础路径。 使用 ...

  • VUE----设置路径别名

    我测试使用的是脚手架2在项目中有时我们使用相对路径引入文件时由于路径太长会很不方便,这个时候我们可以设置路径别名 ...

  • 如何在 Angular 项目中配置 webpack alias

    使用 angular cli 脚手架搭建的项目中,默认没有配置 webpack 路径别名的,这样会导致你写的代码是...

  • vue中路径别名alias设置

    项目中的图片在build之后总会出现各种引用不到的问题,报404,解决方法如下: webpack中配置别名 CSS...

  • 使用Mac自带Apache服务器

    1.个人喜欢设置apache部署路径的别名:alias apache='cd /Library/WebServer...

  • 2020-09-23 React Native 路径别名

    什么是路径别名 不使用路径别名: 使用路径别名: 节省了好多代码,简洁明了,是不是很神奇? 如何使用路径别名 使用...

  • react native 配置路径别名alias

    什么是路径别名 不使用路径别名: 使用路径别名: 节省了好多代码,简洁明了,是不是很神奇? 如何使用路径别名 使用...

  • vue饿了么踩坑指南

    在build/webpack.base.config中可以设置alias设置相应的别名,可以在导入时简化路径。 v...

网友评论

      本文标题:Angular设置路径别名

      本文链接:https://www.haomeiwen.com/subject/rpuloftx.html