typescript - tsc-不编译别名路径

Question

我有 typescript ，并使用别名。
这是tsconfig.json的一部分

"compilerOptions": {
  "baseUrl": "./src",
   ...
},

通过设置基本网址，我可以更改

import User from "src/models/User.model.ts"

至

import User from "models/User.model.ts"

问题是tsc将src文件夹编译为dist文件夹，因此用户导入路径应更改为相对路径，如下所示:

"../models/User.model.js"

但这并没有改变，因此出现以下错误:

"models/User.model.js" not found

我搜寻了答案，但是没有运气。

Answer 1

ttypescript
typescript-transform-paths
babel-plugin-module-resolverpackage.json部分

"build": "ttsc && babel dist -d dist",

ttsc没错，它是Typescript配置上的一个插件，用于更复杂的编译 tsconfig.json部分

"outDir": "dist",
"baseUrl": "./",
"paths": {
    "@/*": [
        "./src/*"
    ],
    "$/*": [
        "./tests/unit/*"
    ]
},
"plugins": [
    {
        "transform": "typescript-transform-paths",
        "afterDeclarations": true
    }
],

.babelrc的全部内容

{
  "compact": false,
  "retainLines": true,
  "minified": false,
  "inputSourceMap": false,
  "sourceMaps": false,
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./dist"],
        "alias": {
          "@": "./dist"
        }
      }
    ]
  ]
}