一饮而尽useref工作凉亭的部件，而不是我的应用程序文件（CSS和JS）

问题描述：

当运行我的生成任务，useref没有做什么，我希望：在我的索引一饮而尽useref工作凉亭的部件，而不是我的应用程序文件（CSS和JS）

我：

<!-- build:css /assets/styles/lib.css --> 
<!-- bower:css --> 
    <link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css" /> 
<!-- endbower --> 
<!-- endbuild --> 

<!-- build:css /assets/styles/main.css --> 
<!-- inject:css --> 
    <link rel="stylesheet" href="assets/styles/main.css"> 
<!-- endinject --> 
<!-- endbuild --> 

<!-- build:js /lib.js --> 
<!-- bower:js --> 
    <script src="/bower_components/jquery/dist/jquery.js"></script> 
    <script src="/bower_components/angular/angular.js"></script> 
<!-- endbower --> 
<!-- endbuild --> 

<!-- build:js ./project.js --> 
<!-- inject:js --> 
    <script src="app.js"></script> 
<!-- endinject --> 
<!-- endbuild -->

所以我gruntfile我有一个任务：

gulp.task('build-optimise', function() { 
    log('Optimising project'); 
    return gulp.src(config.app + 'index.html') 
     .pipe($.useref({searchPath: ['./bower_components', config.app]})) 
     .pipe($.print()) 
     .pipe($.if('*.js', $.uglify({ 
      mangle: false 
     }))) 
     .pipe($.if('*.css', $.minifyCss())) 
     .pipe(gulp.dest(config.dist)); 
}); // config.app = ./local which contains my local build

运行我的任务时，它使一个lib.js文件和资产/风格/ lib.css文件，但没有project.js并没有资产/styles/main.css

我该如何解决这个问题？我的js文件是用打字稿编写的，已经被删除并成功创建，css来自sass，我很确定他们没有任何错误，所以它一定是别的...

答

我是在做类似的事情在我的项目

我一口任务适合你的情况是这样的

gulp.task('build-optimise', function() { 
    log('Optimising project'); 
    return gulp.src(config.app + 'index.html') 
     .pipe($.useref()) 
     .pipe($.if('*.js', $.uglify())) 
     .pipe($.if('*.css', $.minifyCss())) 
     .pipe(gulp.dest(config.dis)); 
});

希望这有助于

一饮而尽useref工作凉亭的部件，而不是我的应用程序文件（CSS和JS）

相关推荐