问题标签 [gulp-useref]

我有一个带有 useref 的 gulp 设置来连接和缩小我的 css 文件：

我的 HTML 文件如下所示：

包.json：

当我进行新构建时，theme.min.css会创建它，但是它是空的（而原始theme.css版本有 150Kb 的样式）。也没有抛出错误。有任何想法吗？

我正在尝试使用 heroku 构建一个 Angular 应用程序，只要它达到 html 构建状态，我就会不断收到此错误。这是我第一次部署到 heroku，但在过去的几天里，当应用程序在我的本地机器和服务器上运行时，我不断收到不同的错误。

这是我的 gulpfile.js

也许有人可以指出我的解决方案。

我有带有几个脚本标签的 HTML 文件。我需要

1. 管道引用的脚本文件
2. 用动态路径替换html文件中的块

我尝试使用 gulp-useref，它完成了我需要的一切，但它不允许动态更改替换脚本名称（必须在 html 注释中说明）

另一个插件 gulp-html-replace 完全满足了我的替换需求，但根本不管道引用的脚本。

解决此类任务的常用方法是什么？因为它似乎并不奇怪。提前致谢。

我正在使用gulp. 但我得到的只是index.html作为一个输出。

我无法查看vendar.js,app.js文件中添加了所有css文件的index.html文件。

我的期望是：

从index.htmlhref 和 src 获取所有文件。从那里按序列压缩索引文件中的内容并发送到dest文件夹。

这是我的代码：

尝试设置 gulp 并且其中一个步骤令人沮丧。我正在学习教程，但无法正常工作。

https://css-tricks.com/gulp-for-beginners/

基本上，我想创建一个编译 sass、连接 css 文件、最小化它并将其输出到公用文件夹的构建任务。这是我的 index.html 代码。（简化）。

现在这是我的 Gulpfile.js

根据教程，这应该在公共文件夹中的 css 名称 styles.min.css 下创建一个文件

这个文件也应该已经从 sass 编译下来了。我做了一个示例 styles.scss，在里面我有。

当我运行 gulp build:prod 时，这就是它在 styles.min.css 中输出的内容

文件最小化很好，但我无法让 sass 部分正确运行并在使用构建任务时编译。

^^^ 如您所见，它不是先处理文件然后连接文件，而是创建 2 个文件。我试图先让 gulp sass 文件，然后让 useref 将文件移动到公用文件夹并将其重命名为 styles.min.css

看来我在某处遗漏了一些东西，或者没有采购/目的地到正确的文件夹？

如果我运行 gulp sass:prod，它可以正常工作。但似乎无法让我的构建任务正确运行，我很难过。

情况：我有以下 Gulp 脚本，它应该将我所有的 html 文件构建到 distFolder。此外，它应该通过解析 index.html 中的链接来构建外部脚本文件——这是 useref 的优点。我不确定这是否是理想的方法 - 但我需要拆分 html 文件 - 如果我放入多个 html 文件，我会遇到与 cleanCSS() 和 uglify() 的写入冲突。

问题：第二个任务 (htmlmin) 从未加载。看来，第一个任务（htmlscripts）没有在承诺中返回有效的结尾。（依赖问题）

如果我删除了两项任务中的一项，另一项将正确完成。

我做了以下测试：

不工作（htmlmin 任务未开始）：

工作（我的意思是至少运行 htmlmin 脚本）：

不工作（htmlmin 任务未开始）：

工作（我的意思是至少运行 htmlmin 脚本）：

我正在使用Yo Generator 的网络应用程序作为基础来构建 PUG 的东西。然而，它仍然是对 Bower 的引用。所以我将所有需要的 JS 包切换到 npm。但是这个 gulp 任务忽略了 node_modules 中的所有库

有没有办法告诉 gulp-useref 从这个路径 /node_modules/ 组合 js lib

我正在尝试连接外部 css 和 js 文件（从我的 index.html 文件中引用），然后将它们直接放入我的 html 文件中。我知道如何连接然后将它们放入一个文件中。但还没有设法将它们直接写入我的 index.html。如果我使用注入，那么它不会从 index.html 中获取引用。我的项目需要尽可能少的文件，所以我需要将所有代码粘贴到一个 html 文件中。任何人都可以回答我吗？

吞咽代码：

运行 gulp 之前的 index.html

运行 gulp 后的 index.html

所以我希望它实际上将 css 粘贴到我的 html 文件中，如下所示：

当我使用许多 html 文件配置 useref (gulp v3) 时，例如：

我首先创建一个 html 页面，然后创建第二个并运行 gulp 任务

页面 html01.html

页面 html02.html

在这里，我们在许多 html 页面上都有相同的脚本

如果我们只用 html01.html 运行任务，然后用 html02.html combine.min.js 文件大小，它的内容是两倍。

如果我添加一个具有相同参考、大小和三重内容的 html03.html

我怎样才能避免重复内容，因为目标是优化这个文件：combine.min.js？有什么特殊设置吗？

我有这样的公共资源：

我想用来gulp-useref构建html，我改成index.html这个：

我这样写 gulp：

第一个问题是：useref 找不到absolute path: /xyz/js/a.js.

然后我尝试将 html 模板更改为：

它运行正常，然后出现第二个问题，useref产生冗余xyz目录：