用ES6语法和绝对路径导入外部模块

Question

所以我有一个项目看起来是这样的：

app/
  bin/
  lib/
  src/
    main/
      submodule.ts
    utilities/
      common.ts
    main.ts
    tsconfig.json
  gulpfile.js

import {common} from '/utilities/common';

• 实用工具/通用
• /src/Utilities/Common
• /app/src/utilities/common

这些都没用。../utilities/common的相对路径确实可以工作，但是公共模块的相对路径是维护的噩梦。

值得注意的是，我刚刚从TS 1.5更新到1.6：使用utilities/common已经在1.5中工作过。不过，我在1.6音符中找不到任何关于这方面的突破性改变的提及。

>

tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "noEmitOnError": true
    },
    "filesGlob": [
        "./**/*.ts",
        "!./typings/**/*.ts"
    ]
}

gulpfile.js

var gulp = require('gulp');
var ts   = require('gulp-typescript');
var less = require('gulp-less');
var sourcemaps = require('gulp-sourcemaps');

var merge = require('merge2');
var path  = require('path');

var tsProject = ts.createProject('src/tsconfig.json', { noExternalResolve: true });

gulp.task('html', function () {
    gulp.src([
            'src/**/*.html',
        ])
        .pipe(gulp.dest('bin'));
});

gulp.task('typescript', function () {
    tsProject.src()
        .pipe(sourcemaps.init())
        .pipe(ts(tsProject))
        .js
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('bin'));
});

gulp.task('less', function () {
    gulp.src([
            'src/**/*.less',
        ])
        .pipe(sourcemaps.init())
        .pipe(less())
        .pipe(sourcemaps.write())
        .pipe(gulp.dest('bin'))
});

gulp.task('default', ['html', 'typescript', 'less']);

Answer 1

终于解决了这个。根据最新情况，1.6更改了模块分辨率，使其与节点的行为类似。我还没有研究节点的模块解析，以确定是否可以使用该行为进行修复，但我找到了一个变通方法：

可以通过在tsconfig.json中指定“moduleResolution”：“classic”来触发旧的行为。