问题标签 [grunt-contrib-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 回答
223 浏览

gruntjs - Grunt 首先连接特定文件,然后是所有剩余文件

我对 grunt 比较陌生,我正在努力连接我的文件。我一直在挖掘并且无法为此提出一个好的答案:

Wherefile1.js总是首先添加,然后它会拉入所有剩余的文件。我可以手工完成,但本着自动化的精神,我希望找到一种更动态的方法。

0 投票
1 回答
395 浏览

javascript - 使用 grunt 将单个文件连接到目录中的每个文件

使用 Grunt,我想将一个文件连接到构建目录中的所有文件。这样做的目的是将 IE 特定的 CSS 文件附加(或可能预先添加)到构建 CSS 文件中。

要执行此任务:

并创建这个:

我认为扩展选项可能是我正在寻找的,但我不知道如何让它做我想做的事。

0 投票
3 回答
5697 浏览

javascript - Gruntjs:复制文件时替换模板

我正在编写一个 Gruntjs 脚本,它应该

  • 将一些JS文件的模板连接+替换到目标目录(contrib-concat)
  • 复制+替换一些其他文件的模板(contrib-copy)
  • 将文件打包成一个 zip 文件

contrib-concat 有一个布尔选项进程<% pkg.version %>,用于在处理文件时替换模板(如)。

contrib-copy 也有一个选项processContent,但是我不知道如何使用此选项触发模板处理。

上面的 processContent 不起作用。请提出解决方案。

0 投票
1 回答
262 浏览

gruntjs - 使用动态创建的目标文件动态运行 concat 任务

我正在我的grunt concat一个项目上运行一项任务,它看起来像这样:

我的问题是,我是否可以在不必指定每个根文件夹的情况下以某种方式使其更具动态性。我在想这样的事情:

我很确定我不能这样做,但我可以使用该expand选项,我只是不确定如何使用它,所以我可以在正确的根文件夹下这样做,所以我不会创建相同的目的地文件与我运行 concat 一样多次。

0 投票
2 回答
1128 浏览

javascript - Grunt concat:使用 Codekit 中的文件指令

我正在尝试将 CodeKit 项目转换为使用 Grunt(这样我们就可以支持我们的 Windows 朋友)。

在 CodeKit 中,您可以通过在要连接的文件中包含 concat 指令作为注释来连接 JS 文件。例如,要添加jquery.validate.js到您的scripts.js文件中,您可以将以下注释添加到scripts.js

如何配置 grunt-concat(或类似插件)以根据文件本身的说明连接 JS 文件?我更喜欢在文件中包含 concat 指令,这样会更清楚发生了什么(而不是指 Gruntfile.js)。

0 投票
1 回答
762 浏览

powershell - GruntJS Concat 不起作用(超出最大调用堆栈大小)

有没有人遇到过 Concat (Loop Infinite) 的这个错误? http://pastebin.com/XQsYuqdc

Windows 终端上的 GruntJs:PowerShell

0 投票
2 回答
250 浏览

javascript - 如何编写在单独文件夹中查找匹配项的高级 concat grunt 脚本?

我需要使用 grunt 编写一个高级的 concat 脚本。这是我的样板:

我希望 concat 任务查看“src/events”和“src/handlers”目录并找到所有以“.common.js”结尾的文件并将它们连接在一起并将它们放在“dist/vents”目录中(“ commonEvents.js”),其他不以“.common.js”结尾的文件我希望脚本在另一个目录中找到该对并将它们连接在一起并将它们放入“dis/vents/filename.js”(例如: events/compare.js 和 handlers/compare.js 是配对的,不以 common.js 结尾)。

0 投票
1 回答
420 浏览

javascript - 使用 Grunt 时如何检测不同文件夹中的相同文件名?

我需要使用 grunt 编写一个 concat 脚本。这是我的样板:

如何告诉 concat 任务,连接事件和处理程序文件夹中具有相同名称的文件,并将每个单独的连接对放在 dist/vents 目录中?

0 投票
1 回答
2856 浏览

javascript - 通过 Gruntfile.js 拥有 Grunt 名称文件并包含带有源文件名的横幅

我正在尝试设置一个自定义的 Gruntfile.js 以用作未来项目(主要是 Web 性能优化任务)的样板。

与这个问题最相关的任务是串联。这是最近项目中该任务的配置:

为了让我之后的任何其他开发人员知道我做了什么,我想在连接代码的每个部分(即“横幅”)之前添加一个注释,说明在我将它们全部连接之前原始文件名是什么。

如果新文件的名称很明显,那也很酷。例如,如果连接的 JS 文件是cformnkp-AC_RunActiveContent-moo_12-sl_slider-swfobject.js(这忽略了动态添加的文件,以及最后一个专门枚举的文件,但你明白了)。

我认为<%= pkg.name %>可以做到这一点,但它只插入我的包的名称,如package.json.

我无法完全理解 LoDash 模板文档,这里似乎没有任何内容表明如何做到这一点,尽管它看起来很简单。一点帮助?

0 投票
4 回答
142 浏览

javascript - 如果在网站上,只有一个页面使用 javascript 文件,是否应该在所有页面上加载它?

这个问题已经在我脑海中盘旋了很长一段时间。例如,如果只有索引页面使用轮播,那么将它包含在所有页面上是否有意义?对我来说没有,但大多数WordPress 插件和主题都没有考虑到这一点,它们会在所有页面上加载脚本。有什么我想念的吗?

此外,当我阅读Grunt 的缩小过程时,它会将网站上使用的所有脚本全部连接起来,然后将它们缩小,这实际上包括任何和所有 javascript,包括仅在一个页面上使用的那些。那效率高吗?Grunt 对于那些认为像 Grunt 这样的事情很奇怪和 Har 的人来说。压缩是否弥补了所有使用的额外代码?