问题标签 [grunt-usemin]

我正在使用 yeoman，我已经安装了 grunt-php，我可以加载 php 文件，但无法访问 css 文件。似乎没有遵守 scss 或我的 index.php 中的路径未指向 tmp css 文件。

我尝试了不同的问题（更改路径），但我无法修复它。

这是我的 index.php 标头：

这是我的 Gruntfile ：

};

我正在使用以下命令启动服务器：

输出返回找到所有文件，除了：

关于如何自定义我的 gruntfile 以使 css 文件可访问的任何建议都会非常好。谢谢。

最新版本（2013 年 2 月 12 日）：

PS：我目前在 requireJS 中的 name/out 变量生成中有一个错误，所以我对其进行了编码，但 scss 文件生成工作：

};

我正在我的 Yeoman 生成器中使用usemin任务。在 HTML 中，它看起来工作正常，因为单独的 JavaScript 文件被指向单个文件的链接替换。但是，所引用的文件尚未创建。我错过了一个设置吗？

Gruntfile.js

索引.html

终端进程消息

结果（HTML）：<script src="assets/js/main.js"></script>但没有创建main.js文件

我正在使用grunt-usemin插件。我想知道如何在下面做。

我有两个 usemin 配置块index.html。

第一个块 ,scriptsmin.js是缩小文件。其次，scripts.js, 包含所有需要缩小的文件。

我喜欢。

1. 在第二个块上运行 minifier (uglifyjs)
2. 将第一个块与第二个的缩小版本连接起来（步骤 1）

如果这些块在同一个文件中，是否有可能。我看到了有关flow的部分。无法了解我是否可以命名配置块，并在每个配置块上设置单独的流程。它谈论基于文件名（index.html）的流程。我应该如何写咕噜声useminPrepare部分。

精简版：

有没有办法使用 Grunt 来包含缩小的 CSS 和 JavaScript 内联？

以 usemin 的格式为例，我希望看到如下内容：

变成了这样的东西：

长版：

所以，我正在开发一个 Tumblr 主题。为了在主题中使用 CSS 或 JS 文件，必须将它们上传到 Tumblr。上传的唯一方法是一个经常崩溃的蹩脚的小网络表单。在我准备好上传最终代码之前，我试图避免这个界面，因为

1. 无法删除上传的文件，并且
2. 当我处于开发过程中时，这些额外的步骤花费了太多时间

为此，我一直在将我的 CSS 和 JS 复制到我的文件中<style>并<script>标记，然后将整个内容复制到 Tumblr 主题编辑器中。它更快，所以我对此很满意，但是手动将 CSS 和 JS 复制并粘贴到文件中似乎违背了 Grunt 的精神及其提供的自动化。

理想情况下，我可以运行grunt build并让它输出一个内联 CSS 和 JS 的 html 文件，然后我可以将它复制到 Tumblr 界面中（嗯，理想情况下，我可以将该 HTML 文件复制到 Tumblr，但 Tumblr 不提供 FTP 或 SSH 或任何有用的接口，所以我会接受这个）。

似乎grunt-usemin可以提供我正在寻找的功能，但我无法按照我的描述让它工作。也许它只是将所有内容放入一个单独的文件中。

如果有人知道可以完成此任务的工具，我愿意使用任何 Grunt 工具。

我有一个运行 concat 和 uglify 的 Gruntfile，带有特定选项（即 mangle 顶级变量），然后我使用 sed 更新对 index.html 中缩小文件的引用。此解决方案有效，但由于 sed 的原因，它的可维护性不是很好。我试图改用 usemin，但我不知道如何使用 uglifyjs 的正确选项定义我自己的自定义步骤，并且 doco 缺少示例来做到这一点。我尝试使用我之前编写的相同的 uglify 任务：

但我收到此错误：

Warning: Cannot find module 'path-to-module\node_modules\grunt-usemin\lib\config\uglify' Use --force to continue.

是否可以这样做，如果可以，我在这里做错了什么？

I am starting to use grunt-usemin and want to change the url inside this script where it says

in my layout.html

How do I configure grunt-usemin to do that ?

In my gruntfile.js I have

grunt-usemin 帮助我转变

完美结合和缩小的js：

在 concat、cssmin 和 uglify 之后，我有一个几乎完美的文件夹结构，除了图像及其位置。

这是我的问题：

所有这些供应商的 css 文件都包括图像位置。不好的是，他们都共享不同类型的位置。其中一些在 css 文件夹中使用图像，而另一些在 img 文件夹中使用。

如何配置 grunt usemin 以重写所有图像 url？

您是否知道包含使用 grunt 编译的应用程序的源映射的工作流？

我很清楚这样的插件uglifyjs可以让你简单地生成一个源映射。但我正在寻找将其整合到更复杂的工作流程中，而不仅仅是制作一次性的源地图。

我注意到最流行的 Yeoman 生成器（据我所知）在其工作流程中缺少源映射。这仅仅是因为源地图的主要插件缺乏支持吗？或者是不是工作流程中不需要源映射，我只是想不出一个足够聪明的替代方案？

我遇到的流行的 grunt 插件的显着问题来源包括：

uglify如果没有hacky 修复，甚至无法处理最基本的项目结构。

usemin除了最简单的配置之外，也无法处理源映射，因为它实际上只能支持每个项目一个（但仍然需要 hack 来纠正它）。一个可能的解决方案显然是usemin完全停止使用，但是你会失去它的所有好处，比如将它与rev、watch和connect.

我在想，当我测试我的应用程序时，我最好的做法可能是使用未连接/未缩小的源进行测试。当然，这不太理想，因为我希望我的测试环境尽可能地反映生产环境。

你在你的 grunt 项目中使用源映射吗？你怎么做呢？如果没有，您如何解决缺乏对他们的支持的问题？

我是新来的咕噜声。我来自铁轨并进入角度。从我可以看到 grunt usemin 可以<script src=...>在构建指令之间替换，并在 grunt 构建期间用单个缩小的 js 替换它。这非常适合部署。

但是，每当我在开发过程中添加新的角度控制器时，我还必须记住将它们添加到我的 index.html 中。这很麻烦，如果我移动我的功能文件夹也是如此，我必须更改 index.html 中的所有 src 路径。

如果在开发中，grunt 会监视我的所有src/**/*.js内容并自动将它们全部添加到 index.html 中，这将是很好的……类似于 Rails 资产管道和资产清单，在您开发时只执行 require_tree。您可以将文件放在任何地方，它会自动可用。

是否有这样一个现有的解决方案或示例供 grunt watcher 使用？谢谢

我正在使用 Yeoman Webapp 生成器来构建我的静态网站。

对于我的预加载器，我有以下片段（如果重要的话，我将 requireJS 用于 JS）。

如您所见，我只是生成了一个带有数字的路径并将 .jpg 添加到其中。我的图像简称为 1, 2, 3, ... .jpg。

但是，由于 Yeoman 使用 grunt-usemin.. 它将我的图像文件重命名为：7f181706.3.jpg. 因此，我的脚本再也找不到正确的图像了。有没有办法解决这个问题？

我正在查看文档并发现了类似的内容：

那会是一个选择吗？我没有运气就试过了。不确定正确的模式是什么。