パッケージをインポートするときにgulp transpile typescriptが機能しなくなる

Question

私は角のある2種類のスクリプトで作業しています。gulp buildはjsにバンドルしてバンドルし、それを縮小します。同じ作業をしますが、 。

私はapp.module.tsで、この行をコメントアウトした場合：

import { ClipboardModule } from 'ngx-clipboard'; 

そして、ゴクゴクタスク作業の両方。しかし、行のコメントを外すと、gulpタスクの両方からjavascriptが出力されません。

エラーメッセージはありません。これはどのように可能ですか？何が起こっているのか考えることはできません。それによって、1行のコードでは、あごの仕事が止まってしまいます。誰も似たような問題がありましたか？

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); 
}); 

Answer 1

Common.jsモジュールは、活字体でサポートされていません。 Webブラウザのためにビルドするときは、パイプラインを提供する必要があります。

例の構成は次のようになります。

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