2017-04-26 1 views
0

ich in einem Winkel 2 Typoskript App arbeiten, die Aufgaben gulp build die transpiles zu js und Bündel und minifies es und schluck Aufgabe gulp build:dev das tut das Gleiche, aber ohne die Verkleinerungs und Bündelung schluckt hat .Gulp transpile Typoskript nicht mehr funktioniert, wenn die Verpackung den Import

Wenn ich diese Zeile in app.module.ts Kommentar aus:

import { ClipboardModule } from 'ngx-clipboard'; 

dann die schluck Aufgaben arbeiten beide. Aber wenn ich die Zeile auskommentiere, dann wird kein Javascript von beiden Schluckaufgaben ausgegeben.

Es liegen keine Fehlermeldungen vor. Wie ist das möglich? Ich kann mir nicht vorstellen, was passieren könnte, das würde dazu führen, dass eine Codezeile eine Schluckaufgabe stoppen würde. Hat jemand ein ähnliches Problem gehabt?

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

Es scheint, wie Sie Ihre Dateien zuerst browserify sollte. Etwas ähnliches zu diesem http://www.davidkudera.com/2015/02/28/typescript-gulp-bower-browserify/ –

+0

Diese Frage benötigt ein [MCVE]. Es fehlen viele Informationen. Wie werden die Aufgaben "ts", "bundle: js" und "minify: js" umgesetzt? Wie lautet die Konfiguration des Compilers? Was ist 'runSeq' (Das ist nicht Teil des Lagergulp.) Welcher Code wird genau (neben dem Import) kompiliert? Umgekehrt enthält die Frage gegenwärtig Informationen, die höchstwahrscheinlich keine Auswirkungen auf das Problem haben, wie etwa die Aufgabe "Stile". Und es kann andere Teile des Gulpfiles geben, die nichts mit dem vorliegenden Problem zu tun haben. Auch hier ist ein [mcve] erforderlich. – Louis

Antwort

0

Common.js Module werden nicht von Typoskript unterstützt. Beim Aufbau für Web-Browser sollte eine Schluck-Pipeline bereitgestellt werden.

Beispielkonfiguration sollte wie folgt aussehen:

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

Voll Beispiel und weitere Informationen hier: https://www.typescriptlang.org/docs/handbook/gulp.html

+0

Oder verwenden Sie '--module amd' oder' --module system' –

Verwandte Themen