导入包时，Gulp transpile typescript 停止工作答案

【问题标题】：Gulp transpile typescript stops working when importing package导入包时，Gulp transpile typescript 停止工作
【发布时间】：2017-04-26 03:39:03
【问题描述】：

我正在使用 angular 2 typescript 应用程序，该应用程序具有 gulp 任务 gulp build 转换为 js 并捆绑并缩小它，而 gulp 任务 gulp build:dev 执行相同的操作，但没有缩小和捆绑。

如果我在app.module.ts 中注释掉这一行：

import { ClipboardModule } from 'ngx-clipboard';

然后 gulp 任务都可以工作。但是，如果我取消注释该行，那么这两个 gulp 任务都不会输出 javascript。

没有错误消息。这怎么可能？我想不出会发生什么，这会导致一行代码停止 gulp 任务的工作。有没有人有类似的问题？

gulpfile.js

gulp.task('build', function (callback) { 
    runSeq('clean', 'copy', 'scripts', 'styles', callback); 
});

gulp.task('clean', ['clean:app', 'clean:css', 'clean:images', 'clean:lib', 'clean:root', 'clean:rootconfig', 'clean:rootall']);

//copy files
gulp.task('copy', function(callback) {
    //runSeq('clean:lib', 'copy:libs', 'copy:images', 'copy:config', 'copy:html', 'copy:configjson', callback); 
    runSeq('clean:lib', 'copy:libs', 'copy:images', 'copy:config', 'copy:html', 'copy:configjson', 'copy:schema', callback);
});

gulp.task('scripts', function(callback) { 
    runSeq(['clean:js'], 'ts', 'bundle:js', 'minify:js', callback); 
});

gulp.task('styles', function(callback) {
  //runSeq('clean:css', ['compile:less', 'compile:css'], 'minify:css', 'del:css', callback);
  runSeq('clean:css', 'copy:css', ['compile:less'], 'minify:css', 'del:css', callback); 
});

【问题讨论】：

看来你应该先浏览你的文件。类似于davidkudera.com/2015/02/28/typescript-gulp-bower-browserify
这个问题需要minimal reproducible example。有很多信息缺失。 ts、bundle:js 和 minify:js 任务是如何实现的？编译器的配置是什么？ runSeq 是什么（这不是 Gulp 的一部分。）正在编译的代码是什么（除了导入）？相反，问题当前包含很可能与问题无关的信息，例如styles 任务。并且 gulpfile 的其他部分可能与手头的问题无关。同样，minimal reproducible example 是我们所需要的。

标签： javascript angular typescript gulp

【解决方案1】：

TypeScript 不支持 Common.js 模块。在构建 web browserify 时，应提供 gulp 管道。

示例配置应如下所示：

gulp.task("default", ["copy-html"], function () {
 return browserify({
    basedir: '.',
    debug: true,
    entries: ['src/main.ts'],
    cache: {},
    packageCache: {}
 })
 .plugin(tsify)
 .bundle()
 .pipe(source('bundle.js'))
 .pipe(gulp.dest("dist"));
});

此处的完整示例和附加信息： https://www.typescriptlang.org/docs/handbook/gulp.html

【讨论】：

或使用--module amd 或--module system