Angular 2 compilador anticipado con gulp-typecript
Angular 2 rc 6
escrito enTypescript 2.0.2
Estoy tratando de aprender la compilación anticipadacomo se describe aquí. Parece bastante simple:
correrngc
en lugar del compilador de mecanografiado para generar.ngfactory.ts
archivosReemplazarplatformBrowserDynamic().bootstrapModule()
conplatformBrowser().bootstrapModuleFactory()
No estoy seguro de cómo aplicar el primer paso a mi configuración. yo suelogulp-typescript 2.13.6
para compilar mi mecanografiado a JavaScript.
gulpfile.js
var ts = require('gulp-typescript');
var tsProject = ts.createProject('tsconfig.json', {
//Use TS version installed by NPM instead of gulp-typescript's built-in
typescript: require('typescript')
});
gulp.task('build-ts', function () {
return gulp.src(appDev + '**/*.ts')
.pipe(ts(tsProject))
.pipe(gulp.dest(appProd));
});
Entonces mi pregunta es; ¿Cómo integro las instrucciones en mis herramientas? Como lo consigogulp-typescript
utilizar el compilador angular? He intentado:
var tsProject = ts.createProject('tsconfig.json', {
typescript: require('@angular/compiler') // or '@angular/compiler-cli'
});
Esto arroja errores sin correr nuncangc
. También intenté
var tsProject = ts.createProject('tsconfig.json', {
typescript: require('./node_modules/.bin/ngc')
});
Esto ejecutangc
pero inmediatamente arroja error:
SyntaxError: cadena inesperada en ngc: 2: basedir = $ (dirname "$ (echo" $ 0 "| sed -e 's, \, /, g')")
Sospecho que esto se debe a que no se pasa ningún directorio de origen angc
(el comando requerido esngc -p path/to/project
)
Básicamente, ¿hay alguna forma de usargulp-typescript
tener un proceso de compilación de un solo paso? (generar.ngfactory.ts
archivos, luego compile todo a JavaScript)