是否可以在aurelia视图模型中指定项目根目录中的路径？

Question

我是Aurelia的新手,所以如果这是一个显而易见的问题,或者甚至是不应该考虑的事情,请对我保持温和.通过阅读网络上的文档和各种资源,这似乎无法在任何地方解决.

随着我的项目规模的增加,我重新构建了文件夹和文件.虽然重构它感觉有点麻烦,但是检查路径的正确深度,以及当我移动视图模型时我也需要更改导入路径.

目前我需要在视图模型中导入某些文件:

import {log} from './../../services/log';

我觉得更舒服的是从项目的根开始有一个相对路径,如:

import {log} from 'services/log'; 

有什么我想念或根本不理解？我知道使用./指定当前文件的相对路径.

更新:

我尝试了与Aurelia Contact Manager Tutorial相同的内容,其中src文件夹中的所有文件都在同一级别.如果我将'wep-api.ts'文件移动到'src/services'文件夹中并想从'src/components/users'中的viewmodel导入该文件,我需要使用import作为

import {WebAPI} from './../../services/web-api';

它似乎只适用于'services/web-api'而且错误是

[ts] cannot find module 'services/web-api'

aurelia.json文件包括

"paths": {
    "root": "src", ...

Answer 1

因为看起来需要配置typescript编译器来访问所需的路径.

tsconfig.json

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

有了这个,导入现在可以从'src'下面的任何文件和文件夹结构中作为例如'services/web-api'(位于'src').

感谢来自Aurelia gitter频道的stoffeastrom,他实际上指出了正确的方向.