2015-09-26 164 views
0

我有一個目錄,我正在將我的Angular Partials放入。包含這些文件:吞沒找不到所有文件

➜ partials: pwd 
/home/dev/webapp/ui/public/partials 
➜ partials: ls 
connect-local.html landing.html login.html profile.html signup.html 

而且我正在大口至Concat的,並將其再壓縮成Angulars模板緩存。我有這個在我的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/')); 

然而gulp.src只有拿起我的一些文件,如通過大口調試:

[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 

有什麼我失蹤?我已成功使用此代碼。有沒有解決方法?它有點削弱我的應用ATM

+0

哪些包的NodeJS,你需要做的usemin? – CDF

+0

最新https://github.com/zont/gulp-usemin – Darcys22

回答

1

這裏是我一飲而盡構建這樣你可以比較,看它是否有助於找到你錯過了什麼:

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

    // Only applies for fonts from bower dependencies 
    // Custom fonts are handled by the "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'); 
    }); 
};