问题标签 [grunt-contrib-concat]

我有三个包含 js 类的文件：

我试图将它们连接起来得到类似的东西：

现在我正在使用https://www.npmjs.com/package/grunt-contrib-concat进行连接，我看到了https://www.npmjs.com/package/grunt-wrap，它似乎被放弃了，但是看起来像我想要的。

有人想在不使用 grunt-concat 的情况下实现它吗？

PS：我想保留一个 *.map 文件用于调试目的

在我的 Angular JS 应用程序中，我使用了很多第三方包，主要通过 Bower 维护。

当我使用 Grunt 将它们全部连接成一个巨型文件时，我在加载页面时遇到错误，例如

Uncaught ReferenceError: angular is not defined和

GET http://localhost:8080/theproj/v4/dist/app/bootstrap.css.map 404 (Not Found)

正确连接所有这些文件以确保所有内容都以正确的顺序加载并且不会引起问题的最佳方法是什么？

我正在尝试使用 yeoman 生成的 Gruntfile.js 文件运行默认的 grunt 构建任务。

该文件适用于生成的应用程序，但是一旦我将文件替换为当前应用程序的文件，我就会收到中断该过程的警告。

这是跟踪：

我不知道这可能来自哪里。它似乎来自 useminPrepare 任务，然后调用 concat 但我不确定：

谢谢你的帮助。

[编辑] 我的 concat 任务在默认生成的 Gruntfile.js 中被注释

我有大约 10 个文件，例如：file1.html、file2.html、fil31.html、file4.html

每个文件都包含一个带有空白 id='' 字段的开始和结束脚本标记

我想为每个文件中的所有脚本标签添加 id。

id 是文件名。

我已经通过使用几个 grunt 包进行了尝试，但无法理解如何让它们选择文件名并将它们添加为 id。

有没有人遇到过同样的问题或知道如何解决这个问题？

如何使用 grunt-file-append 将文本附加到多个文件

https://www.npmjs.com/package/grunt-file-append

如果我以这种方式编写函数，为了附加到多个文件，它会出现错误。

我收到以下错误：

仅附加到单个文件有效，但不适用于多个文件，我在这里做错的任何事情。

我想在脚本标签中插入 id

gruntfile.js

但是在将文件连接到 index.ftl 时的输出中，所有 id 都具有相同的 id='id3'

如何获得具有所有唯一 ID 的最终连接文件。

我有一个包含 id="fixedtext" 的 .html 文件，我想用 id="uniquetext" 替换所有这些 id

grunt-text-replace 只是替换它找到的第一个 id 而不会解析整个文本。

知道如何制作 grunt-text-replace https://github.com/yoniholmes/grunt-text-replace

或 grunt-replace https://www.npmjs.com/package/grunt-replace 为整个文档执行此操作，而不仅仅是第一次出现。

如果任何文件发生更改，我一直在尝试重新加载服务器。我可以查看已更改的文件，但它不会重新加载我的服务器。

GruntFile.js

任何建议或帮助将不胜感激。

我现在有一个真正的问题，当我在生产中并且每当我更新我的 CSS 或 JS 时，相同的文件会继续从服务器提供服务。我需要获取新的更新，然后我必须硬刷新浏览器，

我正在考虑一种在缩小文件名末尾添加构建版本的方法，因此，当我的文件被更新并且 Grunt 缩小我的文件时，它将输出一个完美的链接，该链接将由网络浏览器新下载

现在链接是这样的

我需要这样，

我遇到了一个奇怪的问题，在 Grunt concat 之后，我在 usemin 块中的一些文件在 Grunt 构建任务中被重复了。

我已经搜索过它并发现了各种答案，例如Grunt 我的代码在 concat.js 中重复，但无法修复解决方案。

我正在使用默认生成的 Gruntfile.js 配置（通过 yoman）

我的 usemin 块看起来像：

使用最新的 nodejs 和 npm 对所有节点模块使用最新的依赖项。