从 Gulp 任务中排除文件/目录

Question

我有一个 Gulp rjs 任务，它可以连接并丑化我的所有自定义 .JS 文件（任何非供应商库）。

我想做的是从该任务（控制器和指令）中排除一些文件/目录。

这是我的树：

 - application
    - resources
      - js
        main.js
        - vendor
            - jquery
            - modernzr
            - angular
        - controllers
            - controller1
            - controller2
            - controller3
        - directives
            - directives1
            - directives2
            - directives3
        - widgets
            - widget1
            - widget2
            - widget3
            - widget4
        - modules
            - modules1
            - modules2
            - modules3
            - modules4

这是我的gulp.js

dir = {
    app:        'application',
    dest:       'dest',
};

config = {
    src: {
        js: dir.app + '/resources/js'
    },
    dest: {
        js: dir.dest + '/resources/js'
    }
};

gulp.task('rjs', function() {

      rjs({
            baseUrl: config.src.js,
            out: 'main.js',
            name: 'main',
            mainConfigFile: config.src.js + '/main.js',
            exclude: [ 'jquery', 'angular']         
        })
        .pipe(prod ? uglify({ mangle: false, outSourceMap: true, compress: { drop_console: true } }) : gutil.noop())
        .pipe(gulp.dest(config.dest.js))
        .pipe(filesize())
        .pipe(dev ? connect.reload() : gutil.noop());

});

Answer 1

快速解答

在 src 上，您始终可以使用“！”指定要忽略的文件。

示例（您想要排除 js 文件夹和子文件夹中的所有 *.min.js 文件：

gulp.src(['js/**/*.js', '!js/**/*.min.js'])

您也可以对单个文件执行此操作。

扩展答案：

摘自 gulp 文档：

gulp.src(globs[, 选项])

发出与提供的 glob 或 glob 数组匹配的文件。返回可以通过管道传输到插件的 Vinyl 文件流。

glob 指的是 node-glob 语法，也可以是直接文件路径。

因此，查看 node-glob 文档我们可以看到它使用 minimatch 库来进行匹配。

在 minimatch 文档上，他们指出了以下内容：

如果模式以 ! 开头字符，则它被否定。

这就是为什么使用！符号将从 gulp 任务中排除文件/目录

Answer 2

Gulp 在底层使用 micromatch 来匹配 glob，因此如果您想排除任何 .min.js 文件，您可以通过使用扩展的 globbing 功能来实现相同的目的，如下所示：

src("'js/**/!(*.min).js")

基本上它说的是：抓取 js 内任何级别不以 *.min.js

结尾的所有内容