我的gulp usemin任務缺少一個js文件

Question

我正在使用gulp usemin任務來結合並最小化/醜化我的HTML中的css和js文件。

gulp.task('usemin',['jshint'], function() { 
    return gulp.src('./app/**/*.html') 
     .pipe(usemin({ 
     css:[minifycss(),rev()], 
     js: [uglify(),rev()] 
     })) 
     .pipe(gulp.dest('dist/')); 
}); 

我的塊HTML：

<!-- build:css styles/main.css --> 
<link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
<link href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet"> 
<link href="styles/home.css" rel="stylesheet"> 
<link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
<!-- endbuild --> 

<!-- build:js scripts/main.js --> 
<script src="../bower_components/jquery/dist/jquery.min.js"></script> 
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script src="../bower_components/angular/angular.min.js"></script> 
<script src="../bower_components/jquery-ui/jquery-ui.min.js"></script> 
<script src="scripts/home.js"></script> 
<script src="scripts/controllers.js"></script> 
<!-- endbuild --> 

但我已經這樣做了之後。在dist /中，所有其他部分都能正常工作，因爲它們在應用程序中/但是jquery-ui.js。我的頁面中的彩色動畫不起作用，這是由於jquery-ui。

文件結構： file structure

怎麼會這樣？只有一個js文件不起作用，但其他工作正常？

Answer 1

我自己找到它。 我需要爲彩色動畫jQuery的UI CSS文件添加到HTML這樣的：

<!-- build:css styles/main.css --> 
<link href="../bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
<link href="../bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet"> 
<link href="../bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 

<link rel="stylesheet" href="../bower_components/jquery-ui/themes/smoothness/jquery-ui.min.css"> 

<link href="styles/home.css" rel="stylesheet"> 
<link href="styles/timeline.css" rel="stylesheet"> 
<!-- endbuild --> 

但是，我還是不太明白爲什麼我可以使用jQuery UI的沒有任何問題之前，我儘量減少CSS文件。