问题标签 [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.
gulp - 如何批处理类似的 gulp 任务以减少代码重复
我编写了一个 gulp 文件,它监视多个目录的更改,然后创建连接到多个指定的目标。
这是我的项目结构的简化版本:
我有 2 个站点文件夹: 一个 /和两个 /
每个站点都有两个分支文件夹: a/和b/
在每个分支内部,有三个文件夹: inner/、outer/和web/
我的任务是从内部和外部文件夹中获取相似的部分文件,并将它们连接到相关的网络文件夹中。下面是所需输出的简单示例。
我创建了一个config.json文件来保存站点特定的配置。目前仅使用它来自定义站点路径。这是config.json
最后是gulpfile.js
上面的 gulp 文件工作并完成了这项工作。但是,如您所见,大部分代码都是重复的,只有 gulp.src 和 gulp.dest 以及任务名称发生了变化。
我的问题是。是否有可能简化这个 gulp 文件,而不是为每个任务重复代码,也许可以将类似的任务一起批处理。
gulp - 如何让 Gulp 处理同一个文件两次?
我正在使用 gulp 快速将一堆 sql 文件连接在一起(不要问)。
我遇到的问题是 gulp 只处理 GenericHeader.sql 文件一次,并在第二次出现时忽略它。
有没有办法覆盖默认行为并使 gulp 第二次包含 GenericHeader.sql?
javascript - Gulp-uglify 包装 JS
我有一个看起来像这样的吞咽任务:
这个 gulp 任务使用:
- 吞咽丑化
- gulp-wrap
- 吞咽连接
- gulp-sourcemaps
上面的一切都运行正常。但后来我发现这gulp-uglify
似乎带有它自己的wrap
功能。如何使用gulp-uglify
函数来包装脚本?
angularjs - Gulp:文件无法读取在上一个任务中创建的文件
这里app/folder1/
包含3 个 angularjs 文件(控制器、服务、工厂)。通过使用'task1'
,我将所有 html 文件合并到'templates.js'中。在'task2'
中,我需要将 3 个 angularjs 文件和 1 个 templates.js 文件合并到一个文件中。
但在“task2”中,系统只读取 3 个 angularjs 文件。如果我单独运行“task2”,则系统正在合并 4 个文件。
如果我运行gulp
命令,它不会组合templates.js文件。
如果我运行gulp
,gulp task2
那么它按预期工作。
问题是什么?
javascript - for 循环内的 Gulp 流无法正常工作
我有一个类似于以下内容的 gulp 任务。我正在尝试循环并将字符串附加到页面,并连接相应的文件。
预期输出将类似于
实际输出看起来更像
我fs.readFile
在循环中对原始文件做了 a 并输出了数据,它只输出原始页面内容,而不是连接文件或我试图附加的字符串。
我也做了一个console.log(i)
里面,它显示了正确的数字1,2,3,4,5,6,7,8,9
。我想知道这是否与 gulp.src() 有关
更新:有时看起来输出内容实际上会包含 _page#.liquid 内容的一部分。这有点不一致。
有没有更好的方法可以用 gulp 做到这一点,或者我只是做错了什么?
gulp - Gulp 配置不起作用
我正在尝试运行 Gulp 来缩小 CSS、JS 并将所有静态内容 ( template
, font
, img
) 移动到build
文件夹中。
我的项目目录结构:
我的gulpfile.js
:
当我运行gulp
或gulp watch
出现此错误时:
我怎样才能解决这个问题?
javascript - 如何在 gulp 中的函数内连接多个 js 文件
我需要使用具有以下文件夹结构的 Gulp 在其相应函数中连接所有特定文件:
最终文件应如下所示:
有谁知道如何用 Gulp 做到这一点?
到目前为止我有这个:
var 目标文件具有以下内容:
当我运行 gulp 时,文件被简单地复制并且不进行注入。知道可能出了什么问题吗?
angularjs - 我如何结合两个 gulp 任务
我gulp
用来编译我的打字稿文件并创建output.js
文件。
是否可以有一个任务来编译打字稿文件并将其与角度库连接起来?
这是我当前文件的样子(如下)。首先它运行一个创建output.js
文件的打字稿任务,然后它运行一个脚本任务,它将脚本插件文件和output.js
.
javascript - 您如何使用 Gulp 或 Javascript 框架绕过 Javascript 文件顺序?
我正在使用 gulp 使用gulp-concat和gulp-uglify构建单个 javascript 文件。
原始文件
Gulp 返回一个错误的缩小文件,因为这些文件以错误的顺序连接。我知道我可以指定顺序,.src([])
但我不想在添加 javascript 文件时维护数组。
有没有办法创建对这些“命名空间”的引用而不必担心连接文件的顺序?或者,gulp 有没有办法通过这些命名空间的知识自动处理连接?
编辑:
我知道我可以在.src([])
. 我想在不必担心文件顺序的情况下进行开发,无论是通过 gulp 包还是 javascript 框架。感谢您提供帮助的回复,但我需要一个明确的“不。您不能这样做。” 或“是的。这是如何...”将线程标记为已回答。
gulp - Gulp 附加到文件,而不是覆盖
我正在尝试连接我的 JS 文件并通过 Babel 为新项目运行它们,但是我的 gulpfile 不会在每个任务运行时覆盖目标文件,而是仅将更改附加到文件中。所以我的目标文件最终看起来像这样:
我错过了什么?下面是我的 gulpfile。
提前致谢。