Typescript2 路径模块解析

Question

tl;dr : 模块解析不适用？

你好，

我正在玩 Typescript2 模块解析功能。

我注意到现在可以指定“路径”，以便您可以执行以下操作：

老办法

import {a} from "../../../foo"

新方式

import {a} from "services/foo"

为此，您需要在 tsconfig.json 中添加一些配置

    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "services/*": ["./application/core/services/*"],
        }
    }

我遇到的问题是，在编译时，导入实际上并没有改变。我的 javascript 输出仍然包含来自“services/foo”的导入，因此在我的节点服务器上运行时显然会崩溃。

我使用 gulp-typescript 编译我的 javascript 文件：

var tsProject = ts.createProject("tsconfig.json");
return tsProject.src()
    .pipe(sourcemaps.init())
    .pipe(tsProject()).js
    .pipe(sourcemaps.write("../api"))
    .pipe(gulp.dest(function(file) {
        return file.base;
}));

我在这里完全迷失了，很想使用那个模块解析，这样我就可以摆脱那个 ../../ 地狱般的导入。任何帮助将不胜感激！

Answer 1

这里的问题是 JavaScript 引擎对您的 TypeScript 配置一无所知，您在 tsconfig 中指定的内容仅用于“编译时间”，当您将 TypeScript 编译为 JS 时，您需要执行与 TS 相同的工作编译器只是将解析后的路径保存在 JS 文件中。

简单地说，所有的JS文件都需要处理，别名替换为“真实”路径。

提示：使用 npm 工具 tspath (https://www.npmjs.com/package/tspath)，它需要 0 配置，只需在项目的某个地方运行它，所有 JS 文件都会被处理并准备好运行！