问题标签 [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.
javascript - 防止 grunt 复制同名文件
我有一个Gruntfile.js
编译玉模板、scss 文件、coffeescript 等,然后使用 useminPrepare 为 concat、uglify 等生成配置,并使用 ` 块重写源代码。
这一切都有效,但我使用多个.jade
文件.html
意味着 useminPrepare 查看每个文件并尝试在它们上运行 concat 等。虽然我理解为什么需要这样做(如果不同的 usemin 块包含不同的文件并被重写为不同的名称)但是有没有办法说“如果文件具有相同的名称,不要将它添加到配置中” .
从除一个文件之外的所有文件中删除块不起作用,因为仍然需要重写 url。
基本上,我可以避免这种情况(这很耗时)。
这是我的 gruntfile。
node.js - 咕噜声参考错误
Gruntfile.js
错误信息
我该如何摆脱这个错误。我需要将 md 文件连接到一个。它给了我上述错误。多次尝试更改代码。但同样的问题。你能帮忙吗?
node.js - 使用 Grunt 调试 concat/minified 文件
我正在使用 grunt concat/uglify 来减少加载 JavaScript 的调用次数。
我删除了所有指向实际 javascript 文件的硬编码链接,现在引用 grunt 生成的一个 javascript 文件。
如何在我的开发环境中继续调试/查看我的 javascript?那就是源地图吗?
javascript - 如何覆盖 grunt-cli 中的 grunt 任务选项?
我正在使用grunt-contrib-concat并且我有一个简单的 concat 任务/配置,如下所示
因此,当我通过控制台运行上述任务时,我希望能够指定启用/禁用 sourceMap 生成。源地图生成可能需要很长时间。
我在下面尝试过,但没有奏效。
谢谢。
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 库?
javascript - 如何在没有任何脚本的情况下运行 concat?
作为我的一部分Gruntfile.js
:
main.js
如果我的src
目录不包含脚本,如何防止 concat 生成空白?如果我知道我不需要构建任何脚本,我真的必须创建一个单独的任务吗?
gruntjs - Grunt concat + uglify 与 sourcemaps
我使用 concat 将 JS 文件合并为一个文件并使用 uglify 来最小化 JavaScript。如何创建使用源 JS 文件的 sourcemaps 文件?
我当前的 gruntfile:
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会找到所需的文件。
gruntjs - 使用 grunt contrib concat 从 index.html 获取它的源文件
我正在使用 grunt-contrib-concat,我需要一种方法来自动化我的供应商连接步骤。
现在,我在 GruntFile 中手动指定应该连接哪些供应商库。
有没有办法从我的 index.html 中获取他们的名字?只使用 contrib-concat 插件而不使用 usemin?
有任何想法吗?
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 状态。
我做了什么来尝试解决这个问题
我认为有两个选项可以解决此问题:
- 复制所有依赖文件,以便它们与
style.min.css
所在的新目录相关。这样做的缺点是它可能很快变得混乱并破坏我的项目文件夹结构! - 手动更改路径。但是话又说回来,这有什么意义呢?Grunt 专为自动化任务而设计!
有谁知道如何解决这个问题?我已经在这上面浪费了将近 10 个小时,我开始放弃了。人们声称已经在Github 问题页面上解决了这个问题,但没有人真正说出他们是如何解决的。
编辑:
我查看了clean-css 库源代码,您似乎可以将relativeTo
属性传递给 minifier 对象。我对此感到一团糟,但我仍然陷入困境。如果我对此有任何进一步的了解,我会报告。
编辑:
好的,我终于找到了一些文档来解释relativeTo
(和其他)属性的作用。不过,我仍然坚持我的文件结构应该是什么配置......
这是我的 Grunt 配置文件供参考:
谢谢。