TypeScript 2.1.4 在 webpack ts-loader 中的重大变化

Question

从 Typescript 2.0.10 升级到 2.1.4 似乎破坏了 webpack、webpack-stream、ts-loader 或 gulp 中的某些内容，因为它不再尊重我的入口点或 gulp 源 glob。根据 gulp.src 和 web pack 入口点，它似乎包括我项目中的所有 .ts 文件(包括/server 源文件夹中的文件)，而不仅仅是/client 和 app.ts 中的 ts 文件。我应该采用不同的/更新的/更好的方式来执行此操作吗？

在 gulp 文件中:

const serverPath = 'server';
const clientPath = 'client';
const buildPath = 'build';
const paths = {
    server: {
        scripts: [
            `${serverPath}/**/*.ts`
        ]
    },
    client: {
        files: [
            `${clientPath}/**/*`
        ],
        scripts: [
            `${clientPath}/**/*.ts`
        ],
        entry: `${clientPath}/app.ts`
    }
};


gulp.task('build:client', cb => {
    gulp.src(paths.client.entry)
        .pipe(webpackStream(webpackConfig, webpack))
        .pipe(gulp.dest(`${buildPath}/${clientPath}`));
    cb();
});

在网络包配置中:

entry: {
    app: './client/app.ts'
}

ts: {
    configFileName: './tsconfig.json'
}

resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js']
}

module: {
    loaders: [
        { test: /\.ts$/, loader: 'ng-annotate-loader!ts-loader' }
    ]
}

在 tsconfig.json 中:

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es6",
        "removeComments": false,
        "noImplicitAny": true,
        "sourceMap": true,
        "inlineSources": true,
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true
    }
}

使用 2.0.10 的输出:

ts-loader: Using typescript@2.0.10 and /Users/chris/code/class-app/tsconfig.json
[20:47:36] Version: webpack 1.14.0
Asset       Size  Chunks             Chunk Names
app.js.map  950 bytes       0  [emitted]  app
app.js  550 bytes       0  [emitted]  app

使用 2.1.4 的输出:

ts-loader: Using typescript@2.1.4 and /Users/chris/code/class-app/tsconfig.json
server/api/thing/thing.controller.ts(17,16): error TS2322: <ts error in server portion, not relevant>
[20:53:03] TypeScript: 1 semantic error
[20:53:03] TypeScript: emit succeeded (with errors)
Unhandled rejection Error in plugin 'webpack-stream'
Message:
/Users/chris/code/class-app/server/api/thing/thing.controller.ts <same as above>

Answer 1

显然问题是 WebPack 中的 TypeScript 一直在服务器代码上运行(虽然它不应该是)，虽然我计划修复升级 TypeScript 引入的服务器 TS 问题，但它真正暴露的是WebPack 一直在编译它不应该拥有的文件。通过故意在先前(“工作”)版本的 TypeScript 上向服务器 ts 引入问题来对此进行测试，得到相同的错误。

我仍然需要弄清楚为什么它要编译我所有的 TS 文件，而不仅仅是/client 中的文件，但我会为此提出一个新问题。