问题标签 [grunt-usemin]

我正在学习如何使用 Grunt 构建自动化、测试、bower 依赖项等。我无法让构建任务包含 bower 依赖项，也无法弄清楚原因。根据我的阅读，我需要做的就是在 build:css 或 js 中包含注释块，并且 useminprepare 任务将 concat 并将其构建到 dist。它没有。我究竟做错了什么？我使用 webapp 作为 yeoman 的生成器。

头文件.php

gruntfile.js

使用min准备输出

以下脚本正确连接和缩小 css 和 js。

我需要在我的构建目录中复制一些文件夹 a 及其文件以及从根目录中的一些其他文件（没有缩小或连接）。示例是文件夹icons（如果可能，包括子文件夹）images、 和根目录中的 config.xml。

知道如何更改脚本吗？

我有一个非常常见的问题，阅读了很多解决方案（stackoverflow 和 github 问题），但仍然没有发现这对我有用。

我要解决的问题：

1. angularjs项目，所以我使用generator-angular (yeoman generator)
2. SASS预处理器（实际上并没有）
3. 需要使用相对图像链接（../../images/yeoman.png），因此它们在构建之前和之后都是正确的（../images/yeoman.1er4b3.png ）

我为此创建了测试项目。测试使用：

只有解决方案对我有用，您可以在此提交中找到

但它有问题：如果编译（构建后）css文件位于dist/styles/subfolder/（index.html contains < !-- build:css({.tmp,app}) styles/views/views.css -- >），链接将被破坏。

这个问题与grunt-cotrib-cssmin -> clean-css有关。

注意： generator-angular 使用我在帮助中看到的最新解决方案创建 Gruntfile，但在我的情况下没有帮助

如果有人能让测试项目正常构建，我会很高兴。

我在 Angular JS 项目中处理我的 Gruntfile。

在这一步中，我将所有 html 模板转换为 Angular js 组件：

} },

我已将目标文件夹设置为“.tmp”

然后我使用“usemin”

我注册了我的任务：

如何添加模板文件以供 useminprepare 提取？有什么想法吗？

这是我的所有文件：

在我的 Grunt 文件中，我使用usemin来分析我的index.html文件构建concat schema，在此之上将发生其他进程。

这是咕噜声文件：

这是 HTML 文件：

问题是，我使用 less.css

看起来usemin无法识别较少的文件，并且不会将它们包含在流程中。

我所做的有点骇人听闻——我在我的src文件夹中创建了一个伪造的main.css文件。

我使用 less 插件对其进行处理并将其转换为 css 文件，并将其保存在我的.tmp 文件夹中。

**现在，当文件位于 .tmp 文件夹中时，我已将其与用户从读取 index.html 时看到的虚假 style.css 连接起来**

这允许我将我的数据添加到 usemin 将通过流程的文件中。

这行得通，但它很hackish......有人有一个优雅的解决方案吗？

我的意思是，它应该能够将稍后生成的文件附加到 usemin 流。

有任何想法吗？

这是我的输入文件（使用 yeoman-angular）

并且 usemin 编译一个signle文件中的所有文件vendor.xxxx.js并将html替换为：

但是这里的路径是相对的，我想要一个绝对路径。此外，角度应用程序位于我的节点服务器的子目录中（在仪表板/中），因此我正在使用 nignx 并重定向必要的内容。我想要：

但是脚本文件本身应该保持不变。

我最近接受了一个使用 usemin/uglify (with Grunt) 进行脚本连接/缩小的新项目，但我似乎无法找到 usemin 的好处。只是它使用 html 模板作为配置吗？似乎通过 uglify 来做这件事会是一个更好的解决方案。使用 usemin 有什么好处？

我正在尝试将图片填充插件用于响应式图像，但 usemin 插件似乎没有在<img src=标签之外获取任何 url。有没有办法强制它使用新的缩小/缓存爆破的原始图像更改每次出现的原始图像，如下所示：

在 grunt 构建之前

咕噜声构建后

如果有帮助，这是我的 gruntfile 代码：

我不知道是否有人问过这个答案，但我没有找到相关的帖子。我用 grunt 构建我的静态页面，并在“/dist/index.html”下生成我的“index.html”后，我在该文件上使用 usemin（和 useminPrepare）运行以合并和缩小我的 css 和 js 文件，这些文件可以正常工作。

但是我的 index.html 中相关的图像不会被替换（并从源代码复制）......

例如我想要下面的代码

在 /dist/index.html 下被替换为

并且图像也从/src/assets/images/my-image.png复制到/dist/images/my-image.png。

我怎样才能做到这一点？

提前致谢。

如何使用 grunt-usemin 下载外部文件并进行连接？

并使用 minPrepare 显示：

最后两个文件没有添加到我的 all.min.js 中，因为它们是外部文件。如何包括？