问题标签 [grunt-usemin]

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.

0 投票
1 回答
431 浏览

angularjs - 将 Travis CI 中的静态 Angular / Yeoman 项目部署到 S3 时遇到问题(Grunt 问题)

我正在尝试将项目部署到 S3,但我在执行该grunt build步骤时遇到了问题。在我的 Mac(10.9,节点 0.10)本地,该grunt build步骤完美运行。如果我使用命令行客户端手动部署到 s3,一切正常。

但是当我使用 Travis 时,当我的脚本被连接时,它似乎遗漏了我的服务和指令。在 Travis 日志中,看起来应该添加它们(例如第 2054 行)。

这是我的.travis.yml文件:

我的仓库在这里:https ://github.com/keymholio/lastfm-angular

我的 travis 版本在这里:https ://travis-ci.org/keymholio/lastfm-angular/builds/22743947

部署站点: http: //lastfm-angular.s3-website-us-east-1.amazonaws.com/

0 投票
1 回答
1866 浏览

gruntjs - Grunt usemin 不替换子目录或编译的 CSS 文件中的文件引用

我发现 grunt-usemin 任务的设置有点令人困惑。我正在使用 grunt-usemin 来连接、丑化和修改我的文件。它适用于根 index.html 文件,但是,其他目录中的文件不会被 revved 文件引用替换。

我有以下文件结构:

在构建时,所有内容都被构建到/dist目录中。

我的 Gruntfile 包含(以及其他任务)以下内容:

HTML 文件中要替换的块如下所示:

构建后,dist/index.html显示所有正确修改的文件名 - 对于 css、js concat 块和所有图像。但是,编译后的 CSS 文件不包含 revved 文件引用。也不是在所有子目录 index.html 文件中,文件引用都不会更新为 revved 版本。

在我引用 HTML 文件时,**.html我认为应该针对子目录中的所有 html 文件。我想我在 usemin 或 useminPrepare 任务中有一些错误,是这样吗?

== 编辑 ==

为了响应przno的回答,我改为usemin:css:让它<%= yeoman.dist %>/assets/css/*.css正确编译CSS。

0 投票
1 回答
78 浏览

express - 如何用 express 和 angular 编写 gruntfile

刚开始学Grunt,遇到很多问题,我用的是Express和Angular,我的项目目录如下

index.jade的大概如下

coffeescript用来写客户端js,scss用来写css

Grunt开发配置是什么样的?

以及如何使用usemin来构建生产文件?

感谢您提供提示

0 投票
1 回答
252 浏览

gruntjs - 为什么我们需要使用 grunt - useminPrepare

我有点困惑,为什么 yeoman 角度生成器在 useminPrepare 任务中有 concat 任务,因为 concat 和 uglify 稍后在构建任务中运行。

有人可以启发我吗?

0 投票
0 回答
289 浏览

css - Grunt 将相对路径转换为绝对路径

(我是 Grunt 新人,请多多包涵)

我正在尝试将 grunt 与 sass 版本的 font-awesome 一起使用,但是在生成最终样式表时,字体文件的路径是绝对的,类似于:

/users/my_user_name/git/project_name/.tmp/bower_components/font-awesome/fonts/font-awesome.ttf

而不是,如我所料:

../bower_components/font-awesome/fonts/font-awesome.ttf

如果我查看 .tmp 目录中生成的样式表,这里的路径是相对的,所以我怀疑它是像 usemin 这样的其他组件之一搞砸了它。

我使用 yeoman 来设置我的项目。

有什么想法是什么问题,或者有人可以提供一个带有字体真棒的工作 gruntfile 的例子吗?

0 投票
0 回答
54 浏览

gruntjs - 编辑 httpFontsPath 时丢失的资产散列

所以我的生产项目路径与我的开发项目路径不同。因此我必须在指南针配置中编辑资产路径:

但是,构建的 css 文件如下所示:

而不是这个:

如果我省略了指南针配置行,输出是这样的:

为什么我在编辑 httpFontsPath 时会丢失哈希?

注意:我的 gruntfile 基于generator-angular 0.7.1

0 投票
3 回答
2167 浏览

gruntjs - Usemin 不替换 HTML 中的引用块

我可以看到 css 和 js 文件正确地连接、修改并复制到正确的文件夹中。但是,最后一步是用用户名替换 html 文件中的块和图像,但由于某种原因无法正常工作。css 文件中的图像引用确实被替换了。

Gruntfile.js:

在 HTML 中我有:

构建时的输出说:

dist 中的文件结构:

这一直让我发疯,我不知道为什么。任何帮助将不胜感激。

更新:在进一步的开发中,我不知道为什么,现在 html 中的块被替换为指向连接文件的一行,但它不会预先添加在 revving 期间添加的哈希。所以它:

而不是:

0 投票
0 回答
272 浏览

html - Grunt usemin 没有在 bower_components 下包含 css

这是我的 index.html 的片段,由 yeoman webapp 生成器生成

它也应该包含我的 alertify css 文件,如您所见,那里是空的,只包含 javascript 文件,我的 alertify css 文件位于../bower_components/alertify/theme下,位于 bower 的默认目录中

这是自动构建系统没有完全完成它的工作的错误还是我错过了什么?

0 投票
1 回答
162 浏览

pug - 是否可以将 usemin 与 Jade 模板一起使用?

在我的模板中,我有

usemin如果我使用 Jade,如何通过 Grunt 运行?

0 投票
2 回答
115 浏览

backbone.js - 使用 Backbone jQuery Mobile RequireJS 的 grunt serve:dist 错误

我是 Grunt 和分发过程的新手。我有一个使用主干生成器 require.js 和 jQuery Mobile 生成的 Yeoman 应用程序。它适用于“grunt serve”,但是当我运行 build 和 serve:dist 时,单击 jQuery Mobile / Backbone href 链接没有响应。我正在使用骨干路由。

如果我手动输入 href URL,它就可以工作。如果我对 href 执行检查元素并单击调试窗口中的 URL,它也可以工作。

某些东西一定不能包含在 dist 中,但我不知道缺少什么以及为什么。我在控制台中没有任何错误。

这是我的 Gruntfile:http ://codeshare.io/pHbSc