我可以使用具有多个源和多个目标的 Gulp 任务吗?

2024-01-19

我的 gulpfile.js 中有以下内容:

   var sass_paths = [
        './httpdocs-site1/media/sass/**/*.scss',
        './httpdocs-site2/media/sass/**/*.scss',
        './httpdocs-site3/media/sass/**/*.scss'
    ];

gulp.task('sass', function() {
    return gulp.src(sass_paths)
        .pipe(sass({errLogToConsole: true}))
        .pipe(autoprefixer('last 4 version'))
        .pipe(minifyCSS({keepBreaks:true}))
        .pipe(rename({ suffix: '.min'}))
        .pipe(gulp.dest(???));
});

我想将缩小的 css 文件输出到以下路径:

./httpdocs-site1/media/css
./httpdocs-site2/media/css
./httpdocs-site3/media/css

我是否误解了如何使用源/目的地?或者我是否试图在一项任务中完成太多任务?

编辑:将输出路径更新为相应的站点目录。


我猜想每个文件夹运行任务 https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-task-steps-per-folder.md食谱可能有帮助。

Update

遵循配方中的想法,并过度简化您的示例只是为了给出想法,这可以是一个解决方案:

var gulp = require('gulp'),
    path = require('path'),
    merge = require('merge-stream');

var folders = ['httpdocs-site1', 'httpdocs-site2', 'httpdocs-site3'];

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

    var tasks = folders.map(function(element){
        return gulp.src(element + '/media/sass/**/*.scss', {base: element + '/media/sass'})
            // ... other steps ...
            .pipe(gulp.dest(element + '/media/css'));
    });

    return merge(tasks);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我可以使用具有多个源和多个目标的 Gulp 任务吗? 的相关文章

  • 从 HTML 表单发送数据到 Node.js 服务器

    我正在学习 Node js 我的服务器中有这个 var http require http var url require url http createServer function request response response w
  • angularjs 自定义过滤器检查数据数组内的值

    我有两个过滤器 它们根据数据中的队列键过滤数据 这是我的代码 var app angular module app app controller mainController function scope Data object scope
  • Object.assign() - 奇怪的行为需要解释

    我有这个代码 function margeOptions options passedOptions options Object assign options passedOptions let passedOpts a true let
  • 画布图像遮罩/重叠

    在我的项目中 我必须使用画布在另一个相同尺寸和图案图像上实现一个不同的颜色图像 并且图像不是圆形或矩形形状 所有这些都是波浪形状的 它将应用于单个主背景图像 以便在每个主背景图像上显示多个图形onclick功能 重叠的图像应更改为另一种选定
  • 过滤器返回 true 或 false

    我正在使用过滤器在 data it 返回对象中查找 id 它返回的对象不是 true 或 false 如果我怎样才能返回 true 或 falseval recoredId valueId var hasMatch data filter
  • IE8 中的 Javascript 消息超出堆栈空间

    我正在使用 Breeze 1 4 1 Internet Explorer 8 和 ASP NET MVC 4 Web API 我在查询时收到以下消息 查询失败 localhost port breeze Data Metadata 元数据导
  • Angular 7 Guard 重定向仅适用于双击

    问题是我已经实现了一个 Guard 旨在处理特定的目录 如果当前用户名的角色等于 2 它应该返回 true 如果没有 那么它不应该重定向 这是我的 app routing module ts 文件 问题出在 userlist 路径中 我们是
  • Javascript 根据字段值任意排序数组

    所以我有一个对象数组 如下所示 var myArray priority low priority critical priority high 我需要以这种方式排序 1 关键 2 高和3 低 如何才能做到这一点 我建议使用一个对象来存储排
  • jQuery 问题:它的真正含义是什么?

    function window undefined jquery code jQuery window 它到底意味着什么 是不是也意味着 document ready 或者只是两种不同的东西 已经有两个答案 但这是我对代码缺失端的猜测 fu
  • Angular UI.Bootstrap 单选按钮在 ng-repeat 中表现得很奇怪[重复]

    这个问题在这里已经有答案了 我在 Angular 的 ui bootstrap 中动态生成无线电模型的选项时遇到问题 我想我可以简单地对数组进行 ng repeat 使用 btn radio 属性的内容 如下所示 in the contro
  • Google Maps JS Api - b.get 不是函数错误(isLocationOnEdge)

    我想检查我的路线上是否有标记 所以我尝试使用 isLocationOnEdge 但收到 TypeError b get 不是函数 错误 这是我的代码 我尝试了几次更改但无法解决问题 var directionsDisplay new goo
  • 函数声明或函数表达式

    我刚刚在块作用域中定义函数时遇到了问题 考虑以下程序 try greet function greet alert Merry Christmas catch error alert error 我希望这个程序能够发出警报Merry Chr
  • html输入数字,min + step,使step忽略min?

    是否有可能使step忽略min属性
  • Node.js:将 repl 挂接到远程节点服务器

    假设我有一个节点服务器在 mysite com 上运行 有没有办法设置该服务器以便我可以使用节点的repl api http nodejs org docs latest api repl html to securely从我的本地计算机连
  • jVectorMap - 向下钻取地图 - 自定义背景

    我正在使用 jVectorMap 中的向下钻取地图 并且尝试将自定义背景颜色设置为地图的第二层 为了自定义主级别 我使用 main 参数 但我不知道如何将其扩展到地图的较低级别 提前致谢 马切伊 None
  • JavaScript 比较中应使用哪个等于运算符(== 与 ===)?

    这个问题的答案是社区努力 help privileges edit community wiki 编辑现有答案以改进这篇文章 目前不接受新的答案或互动 我在用着JSLint http en wikipedia org wiki JSLint
  • 网页执行回发时如何停止在注册表单上?

    我正在做我的最后一年的项目 其中 我在一页上有登录和注册表单 WebForm 当用户点击锚点时Sign Up下拉菜单ddlType 隐藏 和文本框 txtCustName txtEmail and txtConfirmPassword 显示
  • 谷歌地图绘制两点之间的路线

    我编写了这段无辜的 JavaScript 代码 它允许用户创建两个标记并绘制它们之间的路线 它不起作用 相反 它给出了一个奇怪的错误 Uncaught TypeError Cannot read property ya of undefin
  • ES6解构对象赋值函数参数默认值

    您好 我正在查看在传递函数参数时使用对象解构的示例对象解构演示 https developer mozilla org en US docs Web JavaScript Reference Operators Destructuring
  • 通过jquery ajax()和serialize()提交html表单

    我想通过 jquery ajax 提交此表单 这是我所做的 但它不起作用 即表单正在提交并刷新页面 但我没有看到响应 即在同一页面上打印数组 HTML

随机推荐

  • ContextMenu StaysOpen 不起作用

    我正在展示一个UserControl inside ContextMenu 此外在那UserControl我正在展示一个Popup其中包含一些按钮和数据网格 所有数据在Popup运行时加载 问题是ContextMenu忽略属性StaysOp
  • Google Drive Api 上传文件错误,错误代码为 500 内部服务器错误和 410 消失

    我正在通过可恢复 简单上传将文件上传到 Google 云端硬盘 具体取决于文件大小 我在上传谷歌文档文件时遇到问题500内部服务器错误 正如谷歌文档建议使用指数备份对于这个错误 我尝试在一段时间间隔后 一分钟后 上传相同的数据 gt 但它给
  • 使用实体框架 6 返回具有最大列值的记录

    试图获得最大记录datetime价值ReceivedDateTime列 但是数据集应该经过一些预先过滤Id列 不是唯一的 是这样解决的 using var db new SystemEntities var records db Table
  • Symfony2 更改树枝词法分析器

    我想更改 symfony2 中的默认树枝词法分析器 我创建了自定义控制器 为其设置服务 设置服务路线 将 twig lexer 注入到服务中 在我的控制器的构造函数中更改词法分析器 当我不使用插值时 结果呈现良好 但词法分析器仍然没有改变
  • Python 中元组字典键匹配的一个元素

    如果我有一个字典 例如 foo foo 45 5 bar 34 3 我如何检查该元组的一部分 if foo in foo should be true pass if 45 in foo also should be true 或者其他一些
  • WSO2 Synapse:设置 URL 参数

    我正在尝试做一些看似简单但无法使其发挥作用的事情 基本上我希望 WSO2 API 管理器向 REST 调用添加 URL 参数 设置和问题 我安装了 WSO2 API 管理器 我还有一个 Tomcat 运行着一个名为一些servlet它只是记
  • ARM Cortex-M4 中不同情况的条件汇编分支指令持续时间是多少?

    我试图确定下面简单延迟循环的时钟周期的确切持续时间 loop subs r2 r2 1 bne loop The Cortex M4 技术参考手册 https developer arm com documentation ddi0439
  • 如何使表格的某些列固定,某些列可滚动?

    我正在使用 twitter bootstrap 3 开发一个网页 有些表格不适合我的页面边距 它们溢出来了 所以我想创建一个像 Excel 电子表格一样工作的结构 最左边的两列 蓝色区域 将被固定 其余的列将尽可能显示 如果用户向右滚动表格
  • 查找 WPF 窗口的句柄

    Windows 窗体有一个属性 win1 Handle 如果我记得的话 它返回主窗口句柄的句柄 有没有等效的方法来获取 WPF 窗口的句柄 我在网上找到了以下代码 IntPtr windowHandle new WindowInteropH
  • Python 2 和 3 中的分块字节(不是字符串)

    事实证明这比我预期的要棘手 我有一个字节字符串 data b abcdefghijklmnopqrstuvwxyz 我想分块读取这些数据n字节 在 Python 2 下 只需稍加修改即可实现这一点grouper食谱来自itertools文档
  • Golang 中奇怪的类型定义语法(名称,然后类型,然后字符串文字)

    我一直在尝试找出如何使用 mgo Go 的 MongoDB 驱动程序 我遇到了这个结构声明 type Something struct Id bson ObjectId id omitempty Name string 我不太明白第一个元素
  • 同步(new Object())的用例

    在最近的一次answer https stackoverflow com a 16709249 823393我建议可以实现的功能volatile by synchronizing在包含我们需要的变量的对象上volatile 提问者无权访问代
  • 你能找出 Django Model 实例是否“脏”吗?

    我真的很喜欢 SQLAlchemy 的功能 它允许您查看对象是否脏 自从数据库检索对象以来或上次保存对象后是否已被修改 是否可以从 Django ORM 中找到此信息 请注意 这与Django 中的脏字段 https stackoverfl
  • 使用 ASP.net 下载和上传图像

    在我的网络应用程序中 我需要能够允许用户上传和下载他们的图像 在 ASP net 中如何做到这一点 我希望用户能够登录 我已经完成了 并能够将图像上传到他们的帐户 稍后 我希望他们能够下载它们 Thanks 如果图像的大小合理 例如小于几
  • 如果线程列表中的任何线程发生异常,则中断所有线程

    我正在使用 invokeAll 调用线程列表 AFAIK invokeAll 仅当所有线程完成其任务时才会返回 ExecutorService threadExecutor Executors newFixedThreadPool getT
  • 如果wireshark无法识别某些类型的协议(RTSP、RTP、RTCP),如何强制其破译它们?

    我正在尝试根据Java实现RTSP协议http www csee umbc edu pmundur courses CMSC691C lab5 kurose ross html http www csee umbc edu pmundur
  • 使用 Google 跟踪代码管理器跟踪事件

    自从开始使用 Google 标签管理器以来 我一直在尝试学习一些 Javascript 进行分析 目前 我想跟踪退出链接并使用以下自定义 html 片段 发射规则是 event equals GAevent 然后我尝试了一个触发规则 url
  • 整数后缀J是什么意思?

    我有以下来源 int main 000J 使用 gcc 4 8 4 编译时不会出现错误 我知道有 L 或 U 之类的后缀 但我没有找到任何关于 J 的信息 那么它有什么作用呢 我收到警告 虚数常数是 GNU 扩展 The J后缀是 GNU
  • 如何设置队列生产者超时?

    我正在测试WebLogic 10 3 1 JMS 但有一个问题 我的测试步骤 启动WebLogic服务器 启动 JMS 客户端 客户端将对象发送到 WebLogic JMS 服务器接收该对象 停止 WebLogic 服务器 将另一个对象发送
  • 我可以使用具有多个源和多个目标的 Gulp 任务吗?

    我的 gulpfile js 中有以下内容 var sass paths httpdocs site1 media sass scss httpdocs site2 media sass scss httpdocs site3 media