应该省略的 grunt 自定义任务复制文件答案

【问题标题】：grunt custom task copying files that should be omitted应该省略的 grunt 自定义任务复制文件
【发布时间】：2015-09-23 04:43:44
【问题描述】：

我定义了一对grunt copy 任务：

copy : {
    develop : {
        expand : true,
        flatten : false,
        cwd : "develop/",
        src : ["index.html", "gwt/**/*", "!**/*.less", "!**/*.scss", "modules/**/*", "components/**/*", "resources/**/*", "!resources/styles/**"],
        dest : "build/"
    },
    // TODO: figure out how to update glyphicon paths to build
    bootstrap_assets : {
        expand : true,
        flatten : false,
        src : ["bower_components/bootstrap-sass/assets/fonts/**/*"],
        dest : "build/"
    },
}

并将它们组合到自定义任务中

// Intermediate Task - Copy dev resources to build
grunt.registerTask("copy_dev", ["copy:develop", "copy:bootstrap_assets"]);

在modules 文件夹中，我想复制除scss 文件之外的所有内容。当我运行grunt copy:develop 时，这具有我所期望的行为，除了*.scss 之外的所有文件都会复制过来。但是，当我运行grunt copy_dev 时，modules 的所有内容都会被复制过来。

这是grunt copy_dev --verbose 输出的一部分：

Running "copy:develop" (copy) task
Verifying property copy.develop exists in config...OK
Files: develop/modules/front-page -> build/modules/front-page
Files: develop/modules/front-page/front-page.html -> build/modules/front-page/front-page.html
Files: develop/modules/front-page/front-page.scss -> build/modules/front-  page/front-page.scss
Files: develop/modules/login -> build/modules/login
Files: develop/modules/login -> build/modules/login
Files: develop/modules/login/bigLogo.png -> build/modules/login/bigLogo.png
Files: develop/modules/login/login-view.html -> build/modules/login/login-view.html
Files: develop/modules/login/login.js -> build/modules/login/login.js
Files: develop/modules/login/login.scss -> build/modules/login/login.scss
Files: develop/modules/login/logo -> build/modules/login/logo
Files: develop/modules/login/logo/lg.png -> build/modules/login/logo/lg.png
Files: develop/modules/login/logo/md.png -> build/modules/login/logo/md.png
Files: develop/modules/login/logo/sm.png -> build/modules/login/logo/sm.png

如您所见，在执行自定义任务时会复制许多 *.scss 文件，而不会通过常规的 copy:$name 调用。

这是为什么？

【问题讨论】：

标签： node.js gruntjs file-copying grunt-contrib-copy

【解决方案1】：

您的问题是 Grunt 从左到右处理您的 src/dest 指令以构建要复制的文件列表，而不是同时应用所有规则 (http://gruntjs.com/configuring-tasks#globbing-patterns)，所以：

"index.html" > 添加index.html
"gwt/**/*" > 添加 gwt 下的所有内容
"!**/*.less" > 从当前副本列表中删除所有 less 文件，即 gwt 下的less files
"!**/*.scss" > 同上
"modules//*" > 添加模块下的所有内容**包括less和scss文件
...

因此，如果您想防止 all less 和 scss 被复制，则需要更改订单：

src : ["index.html", "gwt/**/*", "modules/**/*", "components/**/*", "resources/**/*", "!**/*.less", "!**/*.scss", "!resources/styles/**"]

【讨论】：