问题标签 [gulp-concat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1014 浏览

gulp - 如何批处理类似的 gulp 任务以减少代码重复

我编写了一个 gulp 文件,它监视多个目录的更改,然后创建连接到多个指定的目标。

这是我的项目结构的简化版本:

我有 2 个站点文件夹: 一个 /两个 /

每个站点都有两个分支文件夹: a/b/

在每个分支内部,有三个文件夹: inner/outer/web/

我的任务是从内部和外部文件夹中获取相似的部分文件,并将它们连接到相关的网络文件夹中。下面是所需输出的简单示例。

我创建了一个config.json文件来保存站点特定的配置。目前仅使用它来自定义站点路径。这是config.json

最后是gulpfile.js

上面的 gulp 文件工作并完成了这项工作。但是,如您所见,大部分代码都是重复的,只有 gulp.src 和 gulp.dest 以及任务名称发生了变化。

我的问题是。是否有可能简化这个 gulp 文件,而不是为每个任务重复代码,也许可以将类似的任务一起批处理。

0 投票
1 回答
623 浏览

gulp - 如何让 Gulp 处理同一个文件两次?

我正在使用 gulp 快速将一堆 sql 文件连接在一起(不要问)。

我遇到的问题是 gulp 只处理 GenericHeader.sql 文件一次,并在第二次出现时忽略它。

有没有办法覆盖默认行为并使 gulp 第二次包含 GenericHeader.sql?

0 投票
1 回答
621 浏览

javascript - Gulp-uglify 包装 JS

我有一个看起来像这样的吞咽任务:

这个 gulp 任务使用:

  • 吞咽丑化
  • gulp-wrap
  • 吞咽连接
  • gulp-sourcemaps

上面的一切都运行正常。但后来我发现这gulp-uglify似乎带有它自己的wrap功能。如何使用gulp-uglify函数来包装脚本?

0 投票
1 回答
148 浏览

angularjs - Gulp:文件无法读取在上一个任务中创建的文件

这里app/folder1/包含3 个 angularjs 文件(控制器、服务、工厂)。通过使用'task1',我将所有 html 文件合并到'templates.js'中。在'task2'中,我需要将 3 个 angularjs 文件和 1 个 templates.js 文件合并到一个文件中。

但在“task2”中,系统只读取 3 个 angularjs 文件。如果我单独运行“task2”,则系统正在合并 4 个文件。

如果我运行gulp命令,它不会组合templates.js文件。

如果我运行gulpgulp task2那么它按预期工作。

问题是什么?

0 投票
1 回答
1058 浏览

javascript - for 循环内的 Gulp 流无法正常工作

我有一个类似于以下内容的 gulp 任务。我正在尝试循环并将字符串附加到页面,并连接相应的文件。

预期输出将类似于

实际输出看起来更像

fs.readFile在循环中对原始文件做了 a 并输出了数据,它只输出原始页面内容,而不是连接文件或我试图附加的字符串。

我也做了一个console.log(i)里面,它显示了正确的数字1,2,3,4,5,6,7,8,9。我想知道这是否与 gulp.src() 有关

更新:有时看起来输出内容实际上会包含 _page#.liquid 内容的一部分。这有点不一致。

有没有更好的方法可以用 gulp 做到这一点,或者我只是做错了什么?

0 投票
1 回答
2370 浏览

gulp - Gulp 配置不起作用

我正在尝试运行 Gulp 来缩小 CSS、JS 并将所有静态内容 ( template, font, img) 移动到build文件夹中。

我的项目目录结构:

我的gulpfile.js

当我运行gulpgulp watch出现此错误时:

我怎样才能解决这个问题?

0 投票
1 回答
2679 浏览

javascript - 如何在 gulp 中的函数内连接多个 js 文件

我需要使用具有以下文件夹结构的 Gulp 在其相应函数中连接所有特定文件:

最终文件应如下所示:

有谁知道如何用 Gulp 做到这一点?

到目前为止我有这个:

var 目标文件具有以下内容:

当我运行 gulp 时,文件被简单地复制并且不进行注入。知道可能出了什么问题吗?

0 投票
2 回答
422 浏览

angularjs - 我如何结合两个 gulp 任务

gulp用来编译我的打字稿文件并创建output.js文件。

是否可以有一个任务来编译打字稿文件并将其与角度库连接起来?

这是我当前文件的样子(如下)。首先它运行一个创建output.js文件的打字稿任务,然后它运行一个脚本任务,它将脚本插件文件和output.js.

0 投票
2 回答
1694 浏览

javascript - 您如何使用 Gulp 或 Javascript 框架绕过 Javascript 文件顺序?

我正在使用 gulp 使用gulp-concatgulp-uglify构建单个 javascript 文件。

原始文件

Gulp 返回一个错误的缩小文件,因为这些文件以错误的顺序连接。我知道我可以指定顺序,.src([])但我不想在添加 javascript 文件时维护数组。

有没有办法创建对这些“命名空间”的引用而不必担心连接文件的顺序?或者,gulp 有没有办法通过这些命名空间的知识自动处理连接?

编辑:

我知道我可以在.src([]). 我想在不必担心文件顺序的情况下进行开发,无论是通过 gulp 包还是 javascript 框架。感谢您提供帮助的回复,但我需要一个明确的“不。您不能这样做。” 或“是的。这是如何...”将线程标记为已回答。

0 投票
1 回答
2892 浏览

gulp - Gulp 附加到文件,而不是覆盖

我正在尝试连接我的 JS 文件并通过 Babel 为新项目运行它们,但是我的 gulpfile 不会在每个任务运行时覆盖目标文件,而是仅将更改附加到文件中。所以我的目标文件最终看起来像这样:

我错过了什么?下面是我的 gulpfile。

提前致谢。