问题标签 [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 - 如何在 useminPrepare 中为 html 文件中的每个块定义单独的流程?
我们在 index.html 中定义了 2 个块 - 一个用于 3rd 方库,一个用于我们的应用程序文件。由于 3rd 方库已经被缩小,我们只想连接它们,而不是 uglify。我该怎么做useminPrepare
?
gruntfile.js:
gruntjs - 使用 rev 和 usemin 为 webdev 设计 grunt 工作流时遇到问题
我将开始使用带有 grunt-watch 的 grunt-rev 和 grunt-usemin 来满足我的 Web 开发需求(特别是 RESTful Web 应用程序)。
我有一台本地开发机器,它将运行 grunt-watch 以在我的 JS 文件上附加修订标识符。我git commit
和git push
我的树到一个 git repo,然后要求生产服务器git pull
将 git repo 中的更改显示给 web 访问者。
问题是我不希望我的 git repogrunt-rev
在每次提交时存储不同的文件名(由于)。那会很糟糕,因为这样我就无法git diff
在两次提交之间进行操作,而不会让我的屏幕被出现和消失的文件内容淹没,而且它(有时)可能会比仅占用更多的存储空间存储文件的小差异。
我看到的唯一解决方案是build
在 my 中添加包含版本化文件名的目录.gitignore
,以免将这些文件(具有不断变化的文件名)存储在 git 中。但这是否意味着我也必须grunt-watch
在我的生产服务器上运行,以便在那里生成build
带有版本化文件名的目录?但这变得复杂了:一个新进程必须在远程服务器上运行,可能在处理文件时出错的可能性很小。不是我希望的解决方案。
你们有其他解决方案吗?你会建议我做什么?
gruntjs - 如何使 grunt 不缩小某些 js 文件
我由 yeoman 生成的 grunt 脚本通过 useminPrepare、concat 和 uglifyjs 连接和缩小 js 文件。
这很好用,但是我不希望它缩小一个 js 脚本。如何在 grunt 文件中指定它?
javascript - GruntJS - grunt 构建后错误的图像路径
Grunt 弄乱了我缩小的 CSS,我不知道为什么以及如何避免它。
简而言之,在缩小之前,我有一些这样的背景图像:
然后,在整个过程之后,我有一个缩小的 CSS,如下所示(片段):
上述路径不仅是绝对路径,而且甚至是错误的,因为图像可以在 中找到dist/images
,而不是在.tmp/images
(甚至不存在...)。
这里提到了一个非常相似的问题:yeoman#824
我从该线程(#17759188和#29137057)尝试了 2 个解决方案,但无济于事。
我什至尝试使用所谓的 yeoman 修补版本,如另一个 Stack Overflow 问题(Yeoman CSS 图像路径)帖子中所述,仍然没有成功......
也许有人已经走过这条路并找到了我在互联网上没有找到的解决方案。
编辑:我可以添加更多细节
HTML 部分中的图像路径不受影响,如下所示:
ng-src="./images/box_{{$index+1}}.png"
Gruntfile.js
angularjs - 位于js文件中的Grunt usemin处理路径?
目前我有一些看起来像这样的 html 文件:
由于这是一个角度应用程序,我想使用ocLazyLoad来管理我的模块,所以我的配置看起来像这样:
是否有任何 grunt 插件可以处理这个 .js 文件并files
用缩小和修订版本替换数组?
javascript - 使用 gulp-usemin 不会在 html 文件中重写 uglified 文件
我面临gulp-usemin
插件问题。当usemin
任务运行时,它正在连接和丑化css
和js
文件,但丑化的 js 文件虽然生成,但不会被重写为 html 文件。我正在分享我的 gulpfile.js 和 index.html 代码。
index.html
转换前
gulpfile.js
index.html
转换后
帮助我解决这个问题。提前致谢 。
sass - grunt-usemin 使用修订标题重命名字体,但不更新 css/sass 中的 @font-face 规则
在generator-angular中,grunt-usemin被配置为使用grunt-filerev修改静态资源。
Grunt-filerev 的唯一职责(我查看了代码)是重命名文件。然后它返回重命名文件的摘要对象。
在构建过程中,grunt-usemin 将重命名对项目文件夹中静态文件的引用(在我的项目中,我可以看到它发生img
在 html 模板中的 s 中)。
但是,字体会获得修订哈希重命名,但它们在我的 Sass 文件中的引用并未更新以反映这一点 - 因此,我在所有自定义字体上都得到 404。
我已经一次又一次地联系了GitHub 上的问题,但看起来那里的好人正在恭敬地忙于其他业务。
问题是:这是我容易调整的配置错误,还是 grunt-usemin 中的错误。
javascript - 防止 grunt 复制同名文件
我有一个Gruntfile.js
编译玉模板、scss 文件、coffeescript 等,然后使用 useminPrepare 为 concat、uglify 等生成配置,并使用 ` 块重写源代码。
这一切都有效,但我使用多个.jade
文件.html
意味着 useminPrepare 查看每个文件并尝试在它们上运行 concat 等。虽然我理解为什么需要这样做(如果不同的 usemin 块包含不同的文件并被重写为不同的名称)但是有没有办法说“如果文件具有相同的名称,不要将它添加到配置中” .
从除一个文件之外的所有文件中删除块不起作用,因为仍然需要重写 url。
基本上,我可以避免这种情况(这很耗时)。
这是我的 gruntfile。
gruntjs - Yeoman grunt-usemin 生成空 html
我遇到了 grunt-usemin 的问题,它可以与build:js
标签一起正常工作,但是当它到达build:css
标签时会删除该文件中的所有内容。
我已经使用官方的 Yeoman 生成器设置了网络应用程序:yo webapp
,然后进行了一些修改以适用于我的项目。文件夹树如下:
所以除了包含 .php 部分的content
and没什么特别的includes
有一个app/includes/html-scripts.php
正确生成的文件,包含以下标签:
但app/includes/html-head.php
在 的最后一步 ( usemin
) 中清空了grunt build
。它包含:
我也试过build:css({.tmp,app})
, build:css
, 一样的。
这是我的:http Gruntfile.js
: //pastebin.com/9ZpjkGjY(我尝试过使用sass:dist
而不是compass:dist
,结果相同)
这是我的:http package.json
: //pastebin.com/VAPwm71f
有人可以帮忙解答吗?
html - 在 Grunt 中重写图像路径
我正在寻找一个“包罗万象”的 Grunt 任务,以根据生产或开发环境重写我的 html 图像路径。我已经研究了 usemin 和 filerev - 但我无法理解到底要做什么。
有什么我可以用来改变以下...
对此:
干杯,