Question

尝试使用main-bower文件和过滤器从bower_components复制文件。到目前为止它的工作除了少。它所采取的只是bootstrap.less而不是所有.less文件。

var gulp       = require('gulp'),
        gutil      = require('gulp-util'),
        gulpFilter = require('gulp-filter'),
        bowerMain  = require('main-bower-files'),
        concat     = require('gulp-concat'),
        uglify     = require('gulp-uglify'),
        rename     = require('gulp-rename');

// Group tasks
gulp.task('default', function() {
    gutil.log("Test");
});

// Individual tasks
gulp.task('bower', function() {
    var jsFilter  = gulpFilter('*.js', {restore: true}),
            lessFilter = gulpFilter('*.less');

    return gulp.src(bowerMain())
        // JS
        .pipe(jsFilter)
        .pipe(concat('scripts.js'))
        .pipe(gulp.dest('./public/js')) 
        .pipe(uglify())
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('./public/js')) 
        .pipe(jsFilter.restore)

        // CSS
        .pipe(lessFilter)
        //.pipe(concat('styles.css'))
        .pipe(gulp.dest('./temp'))
});

如果我gutil.log bowerMain并且它没有显示所有较少的文件。我在这里做错了什么？

Answer 1

如果您查看下面显示的bower.json for bootstrap的主要部分

 "main": [
    "less/bootstrap.less",
    "dist/js/bootstrap.js"
  ],

它只包含boostrap.less因此你只看到少一个文件。因此，你在做什么并没有错......

如果你愿意，你可以覆盖你的bower.json中的boostrap的主要部分以包含其他更少的文件，请阅读如何操作here

Gulp插件没有拉动所有文件

1 个答案: