Typescript2路径模块解析

Question

Typescript2路径模块解析

node.jstypescriptgulptypescript2.0gulp-typescript

10

简述：模块解析没有应用？

你好，

我正在尝试使用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;
}));

我完全迷失了，在这里，我希望能够使用该模块的解析功能，以便可以摆脱那些烦人的导入路径 "../../"。非常感谢您的任何帮助！

- Stacknerd

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Patrik Forsberg · Accepted Answer

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

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

提示：使用npm工具tspath（https://www.npmjs.com/package/tspath），它不需要任何配置，只需在项目中运行它，所有JS文件都将被处理并准备好运行！