typescript - tiempo - tecnicas de archivo y documentacion ecuador 2017
Cómo evitar que Gulp cree archivos intermedios (0)
Estoy desarrollando una aplicación Angular2 y estoy usando Gulp para administrar tareas para construir mi aplicación. Aquí están las tareas que uso para la construcción:
gulpfile.js
// Generating minified CSS files for Angular2 Component styleUrls
gulp.task(''styles'', function(cb) {
return gulp.src(''src/app/**/*.scss'')
.pipe(sass().on(''error'', sass.logError))
.pipe(minifyCss())
.pipe(gulp.dest(paths.dist + ''/app/''));
});
// Embedding minified HTML templates into Typescript source files
gulp.task(''templates'', function () {
return gulp.src(''src/app/**/*.ts'')
.pipe(embedTemplates({sourceType:''ts''}))
.pipe(gulp.dest(''dist/app''));
});
// Transpiling Typescript files to Javascripts ones
gulp.task(''compile'', function () {
return gulp.src([''dist/**/*.ts'', ''typings/**/*.d.ts''])
.pipe(tsCompiler())
.pipe(gulp.dest(paths.dist));
});
// Creating one minified JS file
gulp.task(''scripts'', [''compile''], function(cb) {
return gulp.src(paths.dist + ''/**/*.js'')
.pipe(concat(''app.min.js''))
.pipe(minifyJs())
.pipe(gulp.dest(paths.dist));
});
Dado que los archivos CSS se insertan en la etiqueta <style>
mediante el compilador de Typescript, me gustaría que se eliminen los archivos CSS después del procesamiento SASS. Lo mismo para Javascript: dado que los archivos JS generados se minimizan en un archivo, me gustaría que se eliminen todos los archivos JS anteriores después del envío de Typescript.
¿Cómo llegar a eso?
Tal vez pueda crear una nueva tarea en la que pueda eliminar todos los archivos "intermedios", pero ahora sé si esto podría romper la filosofía de Gulp.
¿Cómo puedo ejecutar todas las tareas y luego obtener solo archivos app.min.js
?