问题标签 [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.

0 投票
0 回答
796 浏览

javascript - 重写/修改 gulp-usemin 中连接的 css 文件中的相对路径

我有这些要求:

  1. 连接 css 文件。
  2. 修改连接的 css 文件。
  3. css 文件(图像、字体等)引用的 Rev 资源文件。文件引用是相对的,来自第三方,所以我无法控制它们。
  4. 重写 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 部分:

0 投票
1 回答
1398 浏览

javascript - 使用 Gulp Usemin 将 JS 和 HTML 输出到不同的位置

我正在使用 gulp-usemin 来合并我的 JS 文件(使用 uglify)

我的文件夹结构如下:

gulp-usemin 的所有用例都指定将所有内容复制到一个dist文件夹中,这是我做不到的。

目标是将 index.html 文件重写到其当前位置,但将组合的 JS 文件写入“Top/Web/Scripts/CompiledScripts”。我尝试了各种组合,但我只能将 JShtml 放在正确的位置,而不是两者兼而有之。

我把基本任务放在下面。这将在正确的位置输出重写的索引文件,而不是编译的 JS 文件(将与 html 文件在同一目录中,放在 html 块中的路径)。

HTML 块。需要有脚本的绝对路径

任何帮助将不胜感激。在我们说话时尝试更多组合

0 投票
1 回答
422 浏览

javascript - 如何将“gulp-uncss”添加到“gulp-usemin”

其实我有这个,但我想添加uncss插件。或者我如何可以动态添加引用。

0 投票
1 回答
623 浏览

angularjs - 你如何使用 gulp-angular-templatecache 和 gulp-usemin

我想以与使用 use-min 添加 js 相同的方式将模板添加为 JS 缓存。问题是 use-min 不允许在开箱即用的 use-min 步骤中添加任意内容。

0 投票
1 回答
1061 浏览

javascript - 使 gulp-usemin 仅对非缩小文件进行 uglify

我想将所有 Javascript 放在一个scripts.js文件中。这是我的一部分index.html

我目前的 Gulp 配置如下:

正如你所看到的,已经有很多缩小的 Javascript 文件,所以我不希望我的构建浪费宝贵的时间来丑化已经缩小的文件。我该怎么做才能只丑化非缩小文件?

0 投票
1 回答
52 浏览

regex - 如何在usemin之前规范化html

我们的一些开发人员有 mac,一些开发人员有 PC - 尝试运行时 usemin 似乎存在问题 - 因为空格(CRLF 和 LF)正在交换和搞乱它。

在运行 usemin 之前,我可以在我的 gulpfile 中使用某种插件或正则表达式来修复它们吗?

0 投票
2 回答
232 浏览

javascript - Usemin 和多个构建配置

以下是我的 index.html 文件中的示例 usemin 构建配置

对于开发版本,我不想缩小脚本,我希望每个模块都放入自己的 js 文件中。所以运行后的 index.html 将是

对于生产版本,我想缩小脚本并将它们连接到一个文件中。所以 index.html 将是

我尝试了以下方法,但它不起作用:

并像这样运行 use-min 任务(prod 将在 prod 任务中设置为 true,在 dev 任务中设置为 false) -

我可以保留两个 index.html 文件并管理它。但我想知道这可以用一个 index.html 来实现吗?

提前感谢您的帮助。

0 投票
0 回答
428 浏览

build - /dist 程序集上的 Gulp 神秘构建错误

有没有人收到这种错误或者可以告诉我这里发生了什么?

这个项目以前组装得很好,但现在它似乎随机地被 dist 构建阻塞了。

我正在使用节点 0.10.33。

这是我的 gulp 文件:

请帮忙!这快要把我逼疯了!

0 投票
1 回答
1743 浏览

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 写入正确。

请帮忙!!

0 投票
1 回答
219 浏览

javascript - 我的 gulp usemin 任务缺少一个 js 文件

我正在使用 gulp usemin 任务来组合和最小化/丑化我的 HTML 中的 css 和 js 文件。

还有我在 HTML 中的块:

但是在我这样做之后。在 dist/ 中,所有其他部分都像在 app/ 中一样运行良好,但jquery-ui.js。我页面中的彩色动画不起作用,这是由于 jquery-ui 造成的。

文件结构: 文件结构

这怎么可能?只有一个js文件不工作,其他的工作正常吗?