gulp useref適用於Bower組件，但不適用於我的應用程序文件（css和js）

Question

運行構建任務時，useref不能達到我的預期：

在我的索引中，我有：

<!-- 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文件和一個assets / styles / lib.css文件，但不會生成project.js，也不會創建資產/styles/main.css

我怎樣才能解決這個問題？ 我的js文件是用typescript編寫的，並且經過了整理和成功創建，並且css來自sass，我很確定它們中沒有錯誤，因此它一定是其他東西。

Answer 1

我在項目中正在做類似的事情

我的吞咽任務適合您的情況是這樣的

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

希望這可以幫助