Webpack无法编译typescript代码时会导致gulp watch崩溃

Webpack无法编译typescript代码时会导致gulp watch崩溃,typescript,gulp,webpack,gulp-watch,Typescript,Gulp,Webpack,Gulp Watch,我有一个gulp watch任务正在运行,它正在编译我的前端应用程序。当我有一个typescript错误(可能是因为我太早点击save)时,整个过程就会崩溃,我必须手动重新启动它。我希望webpack和typescript编译器只报告错误,只要它们在监视模式下运行,而不是使进程崩溃 使用Web包编译typescript应用程序的gulp任务: gulp.task('scripts', function (callback) { var isWatching = watchEnabled;

我有一个gulp watch任务正在运行,它正在编译我的前端应用程序。当我有一个typescript错误(可能是因为我太早点击save)时,整个过程就会崩溃,我必须手动重新启动它。我希望webpack和typescript编译器只报告错误,只要它们在监视模式下运行,而不是使进程崩溃

使用Web包编译typescript应用程序的gulp任务:

gulp.task('scripts', function (callback) {
    var isWatching = watchEnabled;

    var webpackOptions = {
        resolve: { extensions: ['', '.ts'] },
        watch: watchEnabled,
        module: {
            preLoaders: [{ test: /\.ts$/, exclude: /node_modules/, loader: 'tslint-loader' }],
            loaders: [{ test: /\.ts$/, exclude: /node_modules/, loader: 'awesome-typescript-loader' }]
        },
        output: { filename: 'app.js' },
        tslint: { emitErrors: !watchEnabled } // tslint crashes gulp when emitting errors, so don't do it while watch is enabled
    };

    if (debugEnabled) {
        webpackOptions.devtool = 'inline-source-map';
    }

    var webpackChangeHandler = function (err, stats) {
        if (err) {
            console.error('Webpack', err);
        }
        $.util.log(stats.toString({
            colors: $.util.colors.supportsColor,
            chunks: false,
            hash: false,
            version: false
        }));

        if (isWatching) {
            isWatching = false;
            callback();
        }
    };

    return gulp.src('./Scripts/application/app.ts')
      .pipe(webpack(webpackOptions, null, webpackChangeHandler))
      .pipe($.if(!debugEnabled, $.uglify()))
      .pipe($.if(!watchEnabled, $.rev()))
      .pipe(gulp.dest(tmpFolder + 'Content/'));
});
在CI服务器中编译时,编译和tslint错误会使进程崩溃,并且CI服务器会报告错误,这是好事

然而,当开发它是相当烦人的。只要gulp watch和webpack watch正在运行,我就关闭了emitErrors,解决了tslint问题。但是对于typescript编译,我不知道如何做

这是我应该在webpack上找到的选项还是很棒的typescript加载程序


在很棒的typescript加载程序github repo上,我没有发现任何适合这个问题的东西,这让我觉得我应该启用一些网页选项,但哪一个呢?

也有同样的问题。这对我有用

var wp = webpack(webpackOptions, null, webpackChangeHandler);
// can bind error to console, but it will be duplicated with webpackChangeHandler err
// wp.on('error', console.error.bind(console));
wp.on('error', function() {});

return gulp.src('./Scripts/application/app.ts')
      .pipe(wp)
      .pipe($.if(!debugEnabled, $.uglify()))
      .pipe($.if(!watchEnabled, $.rev()))
      .pipe(gulp.dest(tmpFolder + 'Content/'));