问题标签 [gulp-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.
javascript - 重写/修改 gulp-usemin 中连接的 css 文件中的相对路径
我有这些要求:
- 连接 css 文件。
- 修改连接的 css 文件。
- css 文件(图像、字体等)引用的 Rev 资源文件。文件引用是相对的,来自第三方,所以我无法控制它们。
- 重写 css 文件中的文件引用以进行 revving,并使它们相对于连接文件,而不是原始文件。
我的项目布局:
因此,作为示例,bootstrap.css 使用相对路径引用 glyphicons-halflings-regular.ttf:'../../fonts/glyphicons-halflings-regular.ttf'。这需要重写为相对路径'bower_components/bootstrap/fonts/glyphicons-halflings-regular-hash.ttf'。
我已经能够得到一个 gulp-usemin 任务,它连接我的 css 文件并修改输出。它甚至可以与源地图一起使用,这是一个奖励(不是必需的)。
但是,我无法让 usemin 重写 css 文件中的路径以调整 revving 并使它们相对于连接文件。我该怎么做呢?我需要 css 链中的另一个插件吗?这是我到目前为止所拥有的:
这是 index.html 中的 usemin 部分:
javascript - 使用 Gulp Usemin 将 JS 和 HTML 输出到不同的位置
我正在使用 gulp-usemin 来合并我的 JS 文件(使用 uglify)
我的文件夹结构如下:
gulp-usemin 的所有用例都指定将所有内容复制到一个dist
文件夹中,这是我做不到的。
目标是将 index.html 文件重写到其当前位置,但将组合的 JS 文件写入“Top/Web/Scripts/CompiledScripts”。我尝试了各种组合,但我只能将 JS或html 放在正确的位置,而不是两者兼而有之。
我把基本任务放在下面。这将在正确的位置输出重写的索引文件,而不是编译的 JS 文件(将与 html 文件在同一目录中,放在 html 块中的路径)。
HTML 块。需要有脚本的绝对路径
任何帮助将不胜感激。在我们说话时尝试更多组合
javascript - 如何将“gulp-uncss”添加到“gulp-usemin”
其实我有这个,但我想添加uncss插件。或者我如何可以动态添加引用。
angularjs - 你如何使用 gulp-angular-templatecache 和 gulp-usemin
我想以与使用 use-min 添加 js 相同的方式将模板添加为 JS 缓存。问题是 use-min 不允许在开箱即用的 use-min 步骤中添加任意内容。
javascript - 使 gulp-usemin 仅对非缩小文件进行 uglify
我想将所有 Javascript 放在一个scripts.js
文件中。这是我的一部分index.html
:
我目前的 Gulp 配置如下:
正如你所看到的,已经有很多缩小的 Javascript 文件,所以我不希望我的构建浪费宝贵的时间来丑化已经缩小的文件。我该怎么做才能只丑化非缩小文件?
regex - 如何在usemin之前规范化html
我们的一些开发人员有 mac,一些开发人员有 PC - 尝试运行时 usemin 似乎存在问题 - 因为空格(CRLF 和 LF)正在交换和搞乱它。
在运行 usemin 之前,我可以在我的 gulpfile 中使用某种插件或正则表达式来修复它们吗?
javascript - Usemin 和多个构建配置
以下是我的 index.html 文件中的示例 usemin 构建配置
对于开发版本,我不想缩小脚本,我希望每个模块都放入自己的 js 文件中。所以运行后的 index.html 将是
对于生产版本,我想缩小脚本并将它们连接到一个文件中。所以 index.html 将是
我尝试了以下方法,但它不起作用:
并像这样运行 use-min 任务(prod 将在 prod 任务中设置为 true,在 dev 任务中设置为 false) -
我可以保留两个 index.html 文件并管理它。但我想知道这可以用一个 index.html 来实现吗?
提前感谢您的帮助。
build - /dist 程序集上的 Gulp 神秘构建错误
有没有人收到这种错误或者可以告诉我这里发生了什么?
这个项目以前组装得很好,但现在它似乎随机地被 dist 构建阻塞了。
我正在使用节点 0.10.33。
这是我的 gulp 文件:
请帮忙!这快要把我逼疯了!
javascript - gulp-usemin TypeError:路径必须是字符串。收到未定义
我正在使用 gulp-usemin 来缩小我在我的应用程序中使用的 javascript 文件,由于某种原因 gulp 没有看到我的文件之一。我的 index.html 中有这个:
这是我的 gulpfile.js:
当我运行默认任务时,我收到以下消息:
TypeError:路径必须是字符串。收到未定义
如果我<script src="scripts/directives/directive2/directive2.js" type="text/javascript"></script>
从索引中删除 gulp 任务运行没有错误,我很确定文件在那里并且 url 写入正确。
请帮忙!!
javascript - 我的 gulp usemin 任务缺少一个 js 文件
我正在使用 gulp usemin 任务来组合和最小化/丑化我的 HTML 中的 css 和 js 文件。
还有我在 HTML 中的块:
但是在我这样做之后。在 dist/ 中,所有其他部分都像在 app/ 中一样运行良好,但jquery-ui.js。我页面中的彩色动画不起作用,这是由于 jquery-ui 造成的。
文件结构: 文件结构
这怎么可能?只有一个js文件不工作,其他的工作正常吗?