首页 文章

angular2（angular2-seed）使用导入路径避免../../

提问于
浏览 次
0

我正在使用angular2-seed：https://github.com/mgechev/angular2-seed

如何创建变量以使用导入绝对链接而不是相对，如下所示：

import { MyService } from '@shared/services/MyService';

代替：

import { MyService } from '../shared/services/MyService';

避免相对导入路径.. / .. / ...

一个例子是@angular导入：

import { Component, OnInit, ViewEncapsulation } from '@angular/core';

它是如何定义的？我们可以为共享文件夹执行类似的操作吗？

angular

1 回答

  • 0

    @angular是脚本库文件夹中文件夹的名称，与 @ 字符没什么特别之处 .

    我猜，为了根据需要导入模块，你应该在systemjs.config.js中将其定义为模块 .

    目前我使用的systemjs.config.js的一个例子是：

    System.config({
    transpiler: 'typescript',
    typescriptOptions: { emitDecoratorMetadata: true },
    map: {
        'app': 'app',
        'rxjs': 'libraries/rxjs',
        '@angular': 'libraries/@angular',
        'ng2-bootstrap': 'libraries/ng2-bootstrap/',
        'ng2-select': 'libraries/ng2-select',
        'moment': 'libraries/moment/moment.js'
    },
    packages: {
        'app': { main: 'main.ts', defaultExtension: 'ts'},
        'rxjs': { main: 'Rx.js' },
        '@angular/core': { main: 'index.js' },
        '@angular/common': { main: 'index.js' },
        '@angular/compiler': { main: 'index.js' },
        '@angular/router': { main: 'index.js' },
        '@angular/platform-browser': { main: 'index.js' },
        '@angular/platform-browser-dynamic': { main: 'index.js' },
        '@angular/http': { main: 'index.js' },
        'ng2-bootstrap': { 'defaultExtension': 'js' },
        'ng2-select': { main: 'ng2-select.js'}

    }
});
    回复于

相关问题