i have directory putting angular partials into. containing these files:
➜ partials: pwd /home/dev/webapp/ui/public/partials ➜ partials: ls connect-local.html landing.html login.html profile.html signup.html
and running gulp concat , minify them angulars template cache. have in gulpfile
//gulpfile.js ... .pipe(plugins.usemin({ templatecache: [ gulp.src(['public/partials/*.html']), plugins.debug(), plugins.angulartemplatecache({ module: 'myapp', root: 'partials/' }), 'concat', plugins.rev() ] }))) .pipe(gulp.dest('dist/'));
however gulp.src picking of files shown gulp-debug:
[15:46:53] starting 'build'... [15:46:55] gulp-debug: ~/what/ui/public/partials/connect-local.html [15:46:55] gulp-debug: ~/what/ui/public/partials/landing.html [15:46:55] gulp-debug: ~/what/ui/public/partials/login.html [15:46:55] gulp-debug: ~/what/ui/public/assets/javascript/templates.js [15:46:55] gulp-debug: 4 items [15:46:55] finished 'build' after 1.29 s
is there missing? have used code before successfully. there workaround? kinda crippling application atm
here gulp build can compare see if helps find missing:
'use strict'; var gulp = require('gulp'); var $ = require('gulp-load-plugins')({ pattern: ['gulp-*', 'main-bower-files', 'uglify-save-license', 'del'] }); module.exports = function(options) { gulp.task('partials', function () { return gulp.src([ options.src + '/{app,components}/**/*.html', options.tmp + '/serve/{app,components}/**/*.html' ]) .pipe($.minifyhtml({ empty: true, spare: true, quotes: true })) .pipe($.angulartemplatecache('templatecachehtml.js', { module: 'myapp', root: '/' })) .pipe(gulp.dest(options.tmp + '/partials/')); }); gulp.task('html', ['inject', 'partials'], function () { var partialsinjectfile = gulp.src(options.tmp + '/partials/templatecachehtml.js', { read: false }); var partialsinjectoptions = { starttag: '<!-- inject:partials -->', ignorepath: options.tmp + '/partials', addrootslash: false }; var htmlfilter = $.filter('*.html'); var jsfilter = $.filter('**/*.js'); var cssfilter = $.filter('**/*.css'); var assets; return gulp.src(options.tmp + '/serve/*.html') .pipe($.inject(partialsinjectfile, partialsinjectoptions)) .pipe(assets = $.useref.assets()) .pipe($.rev()) .pipe(jsfilter) .pipe($.ngannotate()) .pipe($.uglify({ preservecomments: $.uglifysavelicense })).on('error', options.errorhandler('uglify')) .pipe(jsfilter.restore()) .pipe(cssfilter) .pipe($.replace('../../bower_components/bootstrap/fonts/', '../fonts/')) .pipe($.csso()) .pipe(cssfilter.restore()) .pipe(assets.restore()) .pipe($.useref()) .pipe($.revreplace()) .pipe(htmlfilter) .pipe($.minifyhtml({ empty: true, spare: true, quotes: true, conditionals: true })) .pipe(htmlfilter.restore()) .pipe(gulp.dest(options.dist + '/')) .pipe($.size({ title: options.dist + '/', showfiles: true })); }); // applies fonts bower dependencies // custom fonts handled "other" task gulp.task('fonts', function () { return gulp.src($.mainbowerfiles()) .pipe($.filter('**/*.{eot,svg,ttf,woff,woff2}')) .pipe($.flatten()) .pipe(gulp.dest(options.dist + '/fonts/')); }); gulp.task('other', function () { return gulp.src([ options.src + '/**/*.*', '!' + options.src + '/**/*.{html,css,js,less}' ]) .pipe(gulp.dest(options.dist + '/')); }); gulp.task('clean', function (done) { $.del([options.dist + '/', options.tmp + '/'], done); }); gulp.task('build', ['html', 'fonts', 'other']); gulp.task('build:clean',['clean'],function(){ gulp.start('build'); }); };
Comments
Post a Comment