问题标签 [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.
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/
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。
express - 如何用 express 和 angular 编写 gruntfile
刚开始学Grunt,遇到很多问题,我用的是Express和Angular,我的项目目录如下
我index.jade
的大概如下
我coffeescript
用来写客户端js,scss
用来写css
Grunt
开发配置是什么样的?
以及如何使用usemin
来构建生产文件?
感谢您提供提示
gruntjs - 为什么我们需要使用 grunt - useminPrepare
我有点困惑,为什么 yeoman 角度生成器在 useminPrepare 任务中有 concat 任务,因为 concat 和 uglify 稍后在构建任务中运行。
有人可以启发我吗?
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 的例子吗?
gruntjs - 编辑 httpFontsPath 时丢失的资产散列
所以我的生产项目路径与我的开发项目路径不同。因此我必须在指南针配置中编辑资产路径:
但是,构建的 css 文件如下所示:
而不是这个:
如果我省略了指南针配置行,输出是这样的:
为什么我在编辑 httpFontsPath 时会丢失哈希?
注意:我的 gruntfile 基于generator-angular 0.7.1
gruntjs - Usemin 不替换 HTML 中的引用块
我可以看到 css 和 js 文件正确地连接、修改并复制到正确的文件夹中。但是,最后一步是用用户名替换 html 文件中的块和图像,但由于某种原因无法正常工作。css 文件中的图像引用确实被替换了。
Gruntfile.js:
在 HTML 中我有:
构建时的输出说:
dist 中的文件结构:
这一直让我发疯,我不知道为什么。任何帮助将不胜感激。
更新:在进一步的开发中,我不知道为什么,现在 html 中的块被替换为指向连接文件的一行,但它不会预先添加在 revving 期间添加的哈希。所以它:
而不是:
html - Grunt usemin 没有在 bower_components 下包含 css
这是我的 index.html 的片段,由 yeoman webapp 生成器生成
它也应该包含我的 alertify css 文件,如您所见,那里是空的,只包含 javascript 文件,我的 alertify css 文件位于../bower_components/alertify/theme下,位于 bower 的默认目录中
这是自动构建系统没有完全完成它的工作的错误还是我错过了什么?
pug - 是否可以将 usemin 与 Jade 模板一起使用?
在我的模板中,我有
usemin
如果我使用 Jade,如何通过 Grunt 运行?
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