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

javascript - 防止 grunt 复制同名文件

我有一个Gruntfile.js编译玉模板、scss 文件、coffeescript 等,然后使用 useminPrepare 为 concat、uglify 等生成配置,并使用 ` 块重写源代码。

这一切都有效,但我使用多个.jade文件.html意味着 useminPrepare 查看每个文件并尝试在它们上运行 concat 等。虽然我理解为什么需要这样做(如果不同的 usemin 块包含不同的文件并被重写为不同的名称)但是有没有办法说“如果文件具有相同的名称,不要将它添加到配置中” .

从除一个文件之外的所有文件中删除块不起作用,因为仍然需要重写 url。

基本上,我可以避免这种情况(这很耗时)。

在此处输入图像描述

这是我的 gruntfile。

0 投票
1 回答
410 浏览

node.js - 咕噜声参考错误

Gruntfile.js

错误信息

我该如何摆脱这个错误。我需要将 md 文件连接到一个。它给了我上述错误。多次尝试更改代码。但同样的问题。你能帮忙吗?

0 投票
1 回答
1054 浏览

node.js - 使用 Grunt 调试 concat/minified 文件

我正在使用 grunt concat/uglify 来减少加载 JavaScript 的调用次数。

我删除了所有指向实际 javascript 文件的硬编码链接,现在引用 grunt 生成的一个 javascript 文件。

如何在我的开发环境中继续调试/查看我的 javascript?那就是源地图吗?

https://www.npmjs.org/package/grunt-concat-sourcemap

0 投票
1 回答
537 浏览

javascript - 如何覆盖 grunt-cli 中的 grunt 任务选项?

我正在使用grunt-contrib-concat并且我有一个简单的 concat 任务/配置,如下所示

因此,当我通过控制台运行上述任务时,我希望能够指定启用/禁用 sourceMap 生成。源地图生成可能需要很长时间。

我在下面尝试过,但没有奏效。

谢谢。

0 投票
1 回答
735 浏览

gruntjs - 如何在 Grunt 中包含第三方库

Grunt 新手,第一次使用它来合并/缩小项目的 JS 文件。

目前在 Gruntfile.js 中有这个(相关部分):

concat: { options: { banner: '<%= banner %>', stripBanners: true }, dist: { src: [ 'build/js/sample_file', 'build/js/another_file.js' ], dest: 'dist/<%= pkg.build_name %>-<%= pkg.version %>.js' } }, uglify: { options: { banner: '<%= banner %>' }, dist: { src: '<%= concat.dist.dest %>', dest: 'dist/<%= pkg.build_name %>-<%= pkg.version %>.min.js' } },

这工作正常,但我不知道如何做我需要的下一件事。我的项目需要 Hammer.js。

我可以将库包含在 concat 中,但这对我来说似乎不合适,原因有两个。它已经被缩小了(我可以不缩小,但已经缩小了似乎有点浪费时间),看起来 Grunt 会比这更聪明一些,可以用来为我下载最新的 Hammer 库?

如何让 Grunt 在它构建的丑陋代码中包含第三方 JS 库?

0 投票
1 回答
34 浏览

javascript - 如何在没有任何脚本的情况下运行 concat?

作为我的一部分Gruntfile.js

main.js如果我的src目录不包含脚本,如何防止 concat 生成空白?如果我知道我不需要构建任何脚本,我真的必须创建一个单独的任务吗?

0 投票
2 回答
17184 浏览

gruntjs - Grunt concat + uglify 与 sourcemaps

我使用 concat 将 JS 文件合并为一个文件并使用 uglify 来最小化 JavaScript。如何创建使用源 JS 文件的 sourcemaps 文件?

我当前的 gruntfile:

0 投票
1 回答
1262 浏览

gruntjs - grunt concat 未连接

我正在尝试使用 Grunt 来合并和缩小 mi 站点的静态文件,但我发现“concat”存在一些奇怪的问题。我已经按照自己的意愿通过 grunt 工作了指南针,但由于某种原因 concat 根本没有产生任何输出......

我的 Gruntfile.js 内容如下:

我在testsrc中有几个 js 文件,我想从中生成app.min.js。但是当我运行 grunt concat 我得到这个输出:

...并且app.min.js无处可寻。

这不应该按原样工作吗?当然 grunt-contrib-concat 在我的 package.json 中声明(否则上面根本不起作用)......我看到“文件:[无文件]”结果,但我认为通过声明 src Grunt会找到所需的文件。

0 投票
0 回答
75 浏览

gruntjs - 使用 grunt contrib concat 从 index.html 获取它的源文件

我正在使用 grunt-contrib-concat,我需要一种方法来自动化我的供应商连接步骤。

现在,我在 GruntFile 中手动指定应该连接哪些供应商库。

有没有办法从我的 index.html 中获取他们的名字?只使用 contrib-concat 插件而不使用 usemin?

有任何想法吗?

0 投票
1 回答
4875 浏览

css - CSS和Grunt缩小中的相对路径?

在我问这个问题之前,我想指出在 StackOverflow 上发布了几个 类似的 问题 ,但它们都没有为问题提供准确的解决方案。


问题

我有一个工作流设置,其中 Grunt 将多个 css 文件组合并缩小为一个用于生产环境的文件。

我面临的问题是字体和图像路径在运行 Grunt 后会中断,因为它们仍然指向它们现有的相对文件路径。

举个例子:

static/homepage/startup/common-files/css/icon-font.css我有以下CSS规则:

在我的 Gruntfile 中,我指定我希望缩小的 css 文件的输出style.min.css位于static/css/custom/homepage/. 这样做的问题是文件路径发生了变化,导致不再找到所有字体和图像依赖项,并在浏览器中返回 404 状态。

我做了什么来尝试解决这个问题

我认为有两个选项可以解决此问题:

  1. 复制所有依赖文件,以便它们与style.min.css所在的新目录相关。这样做的缺点是它可能很快变得混乱并破坏我的项目文件夹结构!
  2. 手动更改路径。但是话又说回来,这有什么意义呢?Grunt 专为自动化任务而设计!

有谁知道如何解决这个问题?我已经在这上面浪费了将近 10 个小时,我开始放弃了。人们声称已经在Github 问题页面上解决了这个问题,但没有人真正说出他们是如何解决的。

编辑:

我查看了clean-css 库源代码,您似乎可以将relativeTo属性传递给 minifier 对象。我对此感到一团糟,但我仍然陷入困境。如果我对此有任何进一步的了解,我会报告。

编辑:

好的,我终于找到了一些文档来解释relativeTo(和其他)属性的作用。不过,我仍然坚持我的文件结构应该是什么配置......


这是我的 Grunt 配置文件供参考:

谢谢。