问题标签 [grunt-usemin]

我正在使用 yeoman 和 grunt 来构建我的项目和 grunt-css 插件，用于使用 grunt.js 内置的“cssmin”而不是“css”

索引.html

Gruntfile.js

那么构建项目结构是：

然后输出 index.html 文件

如您所见，除了重命名 index.html 中应为'styles/d41d8cd9.styles.css 的修订后的样式外，一切正常。有人知道为什么吗？问号是“？” 在行正常？？？

注意：有关更多信息，这将在我的控制台中输出（无错误）运行“rev：js”（rev）任务 dist/scripts/scripts.js --- 04216377.scripts.js

运行 "rev:css" (rev) 任务 dist/styles/styles.css --- d41d8cd9.styles.css

运行“rev:img”(rev) 任务

运行“usemin:html”（usemin）任务

usemin:html - dist/index.html 脚本/scripts.js

运行“usemin:css”（usemin）任务

usemin:css - dist/styles/d41d8cd9.styles.css

并且没有重命名！非常感谢你们！

我有一个问题grunt-usemin和grunt-rev。

首先是设置问题环境的简单工作流程：

1. 使用生成器创建 Web 应用程序yo webapp（与生成器角度相同）。
2. 咕噜咕噜地跑。
3. Grunt 成功完成构建。

好的，此时让我们导航到“dist/scripts”。main.js这里是（例如）文件的修订版本（01d39df5.main.js由于使用了 grunt-rev，这是正确的）。与main.css文件相同 - 在 'dist/styles' 目录中仅找到修订版本。

但问题是index.html包含对未修订文件的引用main.js和main.css. 据我了解，grunt-usemin作品或配置错误。

有人可以指点我的正确用法grunt-revin addition withgrunt-usemin吗？

我正在尝试使用 grunt-usemin 来缩小我的 CSS。我在 index.html 中使用这样的 Font Awesome

当我运行 usemin 时，我将所有样式组合在一起。但是，当我尝试使用缩小版时，Font Awesome 图标显示为 unicode 方块（而不是预期的图标）。

有想法该怎么解决这个吗？如果需要，我可以提供更多信息。

我正在构建一个提供单页 Angular 应用程序的 Django 应用程序。

Django 服务的 Angular 的 index.html 具有以下 usemin 脚本块：

Usemin 尝试在文件系统上查找“{% static "scripts/app.js" %}”，当然失败了，因为它真正应该尝试查找的是“scripts/app.js”。

有没有人看到这个解决方法？

我在使用 yeoman/grunt 和 usemin 时遇到了可怕的事情——当我有子文件夹时，试图让输出文件与在 html 中写入正确路径的同时工作。

我的基本设置是在子文件夹中有顶级页面（例如 index.html）和特定于语言的页面（en、de、fr 等）——每个页面都有通用的 js 文件（如 jquery），但也特定于语言的 js 文件（对于 css 相同，但保持简单......）

所以基本上 - 有顶级 index.html 有 jquery 等 - 所以那里的脚本标签可能看起来像

或带转速

但是在 en/index.html 中，脚本标签应该看起来像（对于常见的 - 像 jquery）

或转。

这是 ../ 这就是麻烦。

我可以得到构建的 js 文件但不是 rev'd，或者 rev'd 但为空，或者 build 和 rev'd 但在错误的位置（通常在 app 和 dist 文件夹之外/之上！）

在 en/index.html - 我只是无法弄清楚 build:js 应该是什么样子，例如。

我已经尝试了我能想到的所有组合 - 如果我在 build:js 路径中写一个 ../ ，那么实际文件位于 app 文件夹的上一级，但将路径写入正确的html。如果我将 ../ 留在外面，它会将文件放在正确的位置，但 html 中也没有 ../ （它显然需要） - 所以我怎么说我希望输出文件参考上一级（在 en/ 文件夹外），但咕哝着不要把它上一级（在 dist 文件夹外！）

谢谢！

我正在使用运行 AngularJS 应用程序的 yeoman Web 应用程序模板。 usemin很棒，但是 AngularJS 文件必须经过预处理ngmin才能在被usemin.

我可以使用ngmin.

基本上我运行一个成功创建的构建annotated.js。

我想要的是声明annotated.js文件index.html以通知usemin该文件仅用于分发，而不是我提到的用于开发的文件。

作为参考，我的 usemin 配置：

作为参考，我的构建任务：

我怎样才能实现它？

在我正在处理的一个项目中，我们需要创建一个以项目版本命名的文件夹，并将缩小的 JavaScript 和 CSS 文件存储在那里。根据 usemin 的文档，要更新 HTML 页面中的引用，我们需要添加构建注释。

我希望上述文件夹的名称（1.2.5）是动态的，并且我不想每次在运行 grunt 任务之前都更改构建注释。usemin 是否提供任何选项来实现这一目标？

首先，对不起我的英语，很抱歉是 grunt 的新手。

现在，我的问题;-)

我的 Javascript 文件（/components 和 /src/main/javascript）包含在 /src/main/html 上的 index.html 中的 2 个目录。想象一下我在 / 目录上的 gruntfile。

我想找到最简单的方法，让 /target/gui/javascript 目录中的所有 javascript 文件都只有一个 .js。

但在此之前，我可以通过 javascript 源目录拥有一个文件。但是，当我对 index.html 进行以下评论时，我遇到了问题。

我的问题是我的 components.js 是空的。当我启动 grunt build 时，我可以看到一件奇怪的事情：

使用 ../components/angular/angular.js 更新？不是 components/angular/angular.js 吗？我不明白。我对我的 CSS 文件做了同样的事情，它做了我想要的：

我可以看到

那么，对于 CSS，咕哝明白我想要的路径吗？

我的 Gruntfile 上有什么？

我使用 grunt build ：

有人可以帮助我吗？

此致，

马努

我有一个基于 yeoman-generator 支持的 grunt 项目generator-webapp，如果它有任何帮助，你可以在GitHub 上找到它

grunt 项目使我们完成了grunt-usemin任务。

我的项目涉及建立一个多语言网站，为了保持整洁，我决定将所有以某种语言编写的页面放在该语言的 2 个字母短代码之后的文件夹名称中。

这些文件由车把模板制作并使用assemble. 在布局中，我有构建块，usemin例如

在一个完美的世界中，这将转化为

而是显示

在我的情况下，这不太理想。的相关部分Gruntfile.js看起来像这样

我试图通过将其设置为以及将构建块更改为来使用该basedir选项<%= yeoman.dist %>

但不幸的是无法获得正确的输出。

更具体地说，第一个没有改变任何东西，第二个有文件夹scripts并且styles在层次结构中输出了一个太高的级别

代替

有人会碰巧知道该怎么做吗？这似乎是一个相当简单的用例，但我无法通过 Google、GitHub 或 SO 找到我需要的帮助......

很难理解在 grunt-usemin 的配置和使用中的各个点如何处理路径。

我有以下存储库布局，其中存储库根也将是 Web 应用程序根：

所以 index.html 文件 -> somedomain.com/dashboard/index.html。

index.html 文件包含 /vendor 文件夹中的一些 CSS 和 JS 资产。我已将 grunt 配置为将构建输出放在构建文件夹中：

在 index.html 文件中，我将 usemin 块包裹在所有 CSS 链接和 JS 脚本标签周围：

我必须用“(.)”指定一个“替代搜索路径”，以便“/vendor/backbone.js”的脚本标签可以在正确的位置找到它。在我这样做之前，它一直在寻找 /dashboard/vendor/backbone.js。

我希望将处理 CSS/JS 资产的输出输出到 build/dashboard/app.min.css 和 build/dashboard/app.min.js，并使用简单的相对“app.min.js”包含在 index.html 中。 css/js”路径。

问题是，grunt-usemin 似乎正在使用我为两个上下文指定的“app.min.*”路径，这使得它们无法一起工作：

1) 出于创建文件的目的，它将路径视为相对于构建目录的路径；这些文件最终位于 build/app.min.css 和 build/app.min.js 中。

2) 将路径视为相对于 index.html 文件的路径，以生成新的链接/脚本标签；浏览器加载 build/dashboard/index.html，然后尝试加载映射到 build/dashboard/app.min.css 的“app.min.css”。

有解决办法吗？