2017-04-26 22 views
0

我正在使用角度2打字稿應用程序,其中有吞吐任務gulp build,它可以轉換爲js和捆綁並縮小它併吞下任務gulp build:dev它可以做同樣的事情,但不會縮小和捆綁。進口包裹時,Gulp transpile typescript停止工作

如果我註釋掉這一行app.module.ts

import { ClipboardModule } from 'ngx-clipboard'; 

然後吞氣任務都工作。但是,如果我取消註釋該行,則不會從這兩個gulp任務輸出javascript。

沒有錯誤信息。這怎麼可能?我想不出會發生什麼,這會導致一行代碼停止吞嚥任務。有沒有人有類似的問題?

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

好像你應該首先browserify您的文件。類似於這個 http://www.davidkudera.com/2015/02/28/typescript-gulp-bower-browserify/ –

+0

這個問題需要[mcve]。有很多信息缺失。 'ts','bundle:js'和'minify:js'任務是如何實現的?什麼是編譯器的配置?什麼是'runSeq'(這不是股票的一部分)什麼代碼正在編譯(除了導入)?相反,這個問題目前包含了很多與問題無關的信息,比如'styles'任務。而且可能還有其他部分的gulp文件對這個問題沒有任何影響。再次,[mcve]是需要的。 – Louis

回答

0

Common.js模塊不是通過打字原稿支撐。在建設網頁瀏覽器時,應提供吞吐管道。

示例配置應該是這樣的:

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

+0

或使用'--module amd'或'--module system' –