Question

我可能会丢失一些东西，但是当我运行webpack时，我希望它在TypeScript错误时以错误代码结尾，但是它只会将错误以红色打印到控制台中，但只会打印，因此我们的构建通过了，但是网页没有任何JS。

webpack.config.js

//  imports...

module.exports = {
    mode: 'development',
    target: 'web',
    entry: { ... },
    output: { ... },
    resolve: {
        modules: [TypeScriptSourceDir, nodeModules],
        extensions: ['.ts'],
    },
    module: {
        rules: [
            ...
            {
                // compile and transpile .ts files
                test: /\.ts(x?)$/,
                include: TypeScriptSourceDir,
                use: [{
                    loader: 'babel-loader',
                    options: {
                        cacheDirectory: true,
                    },
                }, {
                    loader: 'awesome-typescript-loader',
                    options: {
                        context: path.join(TypeScriptSourceDir, 'video'),
                        configFileName,
                        useBabel: true,
                        useCache: true,
                    }
                }],
            },
        ]
    },
};

像const a: number = '0'这样的简单错误将在构建中打印出来，但不会以错误结束webpack，也不会创建JS。

Answer 1

我相信默认情况下，除非您没有指定webpack，否则webpack将使用退出代码0来完成其构建。看看Github的以下线程：https://github.com/TypeStrong/ts-loader/issues/108#issuecomment-177046587。看来您可以在webpack.config.js

中加入可选的配置

Webpack构建TypeScript不会引发TS错误

1 个答案: