angular-cli生成的项目能否添加一个alias指代src目录，简化import路径？

Question

就是像webpack config里的resolve.alias这个配置

resolve: {
  alias: {
    '@': resolve('src')
  }

Answer 1

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "paths": {
      "@myproject/*": ["app/*"],
      "testing/*": ["testing/*"]
    }    
}

Answer 2

tsconfig.app.json 默认配置 baseUrl 为 './'，可以相对于 src 目录直接 import，例如 你的目录为 src/a/b/c/bar.ts, src/foo.ts, 在 bar.ts 里可以直接 import foo from 'foo'， 而不用写繁琐的相对路径。具体看这儿http://www.typescriptlang.org...。 不过这个在 VSCODE 中的是识别有点问题。 可以考虑把 baseUrl 的配置放到根目录 tsconfig.json 中 baseUrl: './src'。