问题标签 [gulp-useref]

我正在使用gulp useref替换/合并我的index.html文件minify。当我传递路径时，我可以让 useref 工作，但是当我没有定义路径时，我希望它保持文件的原始路径。我知道我可以通过并将构建路径注释添加到每个文件，或者我可以运行一个任务来缩小所有其他文件。如果 useref 可以输出原始路径，那么这似乎是疯狂和毫无意义的，那么这个任务就可以完成这一切。

示例 - 注意剥离的代码，例如 aka rel=""。

HTML 文件：

吞咽任务：

生成的 HTML - index.html 文件被输出到 " dist" 文件夹并且.css files是minified. 这一切都有效，但注意到在href = "replace"路径的注释中没有定义 bc，并且在 dist 文件夹中输出了一个名为 undefined 的文件：

而我想要的是...

我一辈子都不能把这个输出变成 Javascript 文件。

HTML：

吞咽：

输出：

但从字面上看，零 Javascript 文件。太奇怪了。有什么想法吗，伙计们？

我如何编写 gulp.src 的路径似乎并不重要，无论是 ('*.html') 还是 ('./*.html') 甚至是 ('index.html')，<src> 标签转换得很好，但没有 JS 文件。

在 gulp-useref 之后使用 gulp-rev 有一个奇怪的问题。我正在使用 gulp-useref 将我所有的 angular、jquery 等连接到一个名为 lib.js 的文件中。

这工作正常，但如果我使用 gulp-rev 将哈希附加到 lib.js 文件名，Visual Studio 和浏览器会抱怨文件中的语法错误。

（FWIW，它抱怨的语句是来自 jquery.js 的 'e.querySelectorAll("*,:x")'）。但是，如果我在我的 gulp 任务中注释掉 .pipe($.rev()) 行，一切正常。

但是，当我使用 MD5 或任何散列算法比较 lib.js 和 lib-3654837183.js 时，它们完全相同。那么，为什么浏览器和 VS 会抱怨同名文件的语法错误，而对于同一个文件但名称不同的文件却完全没问题呢？

我在 .cshtml 中的构建块：

有任何想法吗？

马库斯

这是我的缩小吞咽任务：

如果是 js 文件，我想先通过 ng-annotate 移动它，然后再进行 uglify。我是 gulp 的新手，这就是为什么我不知道如何正确地做到这一点。

我正在尝试使用 gulp useref 来合并我的 bower js 文件、app js 文件和 css，但它对我不起作用。当我运行 gulp 命令时，我的 dest 目录总是空的

这是我使用 yomean 生成的目录结构

这是我的 index.html

我的 gulp.js 看起来像这样

正如我在终端控制台中看到的那样，useref 任务运行良好，但由于某种原因，dest 目录中没有结果文件

我的项目中有 5 个 HTML 文件，每个文件的底部都有一个 useref 块，如下所示：

所有 5 个文件中的通用 JS 文件都是 plugins.js 。我在每个 HTML 文件中都需要该 JS 文件，并在我的所有文件中重复该文件。我的第二个 HTML 文件有这个块（plugins.js 又在那里）：

我的第五个 HTML 文件有这个块：

所以在我使用 plugins.js 的每个文件中，在某些文件中我使用其他一些库。但是当我运行任务时，这三个文件没有连接到 main.js 中。main.js 中唯一的内容是 plugins.js 中的内容。其他库不包含在 main.js 中。为什么呢？我什至可以这样使用这个插件吗？

我的吞咽任务：

请告诉我如何实现调用css的几个插件。

错误：

我配置了以下 gulp 任务：

该代码采用 css 文件，缩小它们，添加修订版（例如 main-abcde123.css），用处理后的文件替换源文件的出现。这是通过 gulp-useref/gulp-rev/gulp-rev-replace plugins 完成的（plugins是一个具有所有已加载插件的对象，即 plugins.useref - 指 gulp-useref 插件）此代码工作正常。我正在尝试对同一流中的结果 css 文件进行一些修改。这是通过transformStream()如下所示的函数完成的：

在这种情况下through是gulp-through2插件。

请看下面的代码console.log(file);。我正在尝试获取缩小的 css 的文件名。上面的代码显示以下内容：

即它不包含文件名，而是某种缓冲区。我阅读了through2文档，但没有澄清这些事情。

所以，我的问题是：我怎样才能访问实际的文件名？

重命名我的文件后，运行 gulp 构建任务时出现以下错误：

main.css 文件不再存在，因为我将其更改为 style.css 但由于某种原因它正在搜索旧文件。

我在主 CSS 中有这个：

我的供应商是这样的：

为什么当我运行生产模式 material-icons.css 和 md-data-table.css 时没有出现？

Gulpfile.js

Build.js（用于 gulp 任务）

鲍尔.json

笔记：

1. 我使用了 JHipster (generator-jhipster 3.0.0)。
2. 在开发模式下一切正常。
3. 这些 *.css 依赖项由 Gulp自动添加 。