问题标签 [gulp-useref]

如果我将 gulp-useref 与几个 html 文件一起使用，它每次都使用相同的包进行处理。

1. 有没有办法处理第一个传入的包并只替换其他文件中的字符串？例如，如果您查看下面的代码 - gulp-useref 创建 vendor.js 两次（第二次重写之前的文件）。如果您有很多文件并且您使用 css 和 js 的缩小，则可能需要很长时间，具体取决于您使用的具有相同捆绑包的文件数量。

2. 如何复制未包含在捆绑包中的其他文件？

结构：

html-file-1.html

html-file-2.html

任务：

在项目中我有：

和吞咽文件：

如何首先将 .scss 转换为 .css，然后使用 use-ref。

我刚刚开始使用 Yeoman 搭建一个新的 Angular 应用程序。我遵循了generator-angular的安装指南，但选择使用 gulp 而不是 grunt 作为任务运行器。

安装后我收到错误：task 'wiredep' is not in you gulpfile。

我尝试使用运行构建gulp并收到错误：TypeError: $.useref.restore is not a function

如果我运行gulp serve，生成的页面不会连接依赖项。

上面的错误有解决办法吗？

我注意到 Yeoman 使用 grunt，而 gulp 是实验性的，所以我猜上述错误是预料之中的。我应该将它作为问题发布在生成器的 GitHub 页面上吗？

我开始使用generator-gulp-angular来搭建和构建我的 angular/sass 项目。当我运行gulp build它时，它用于gulp-useref创建 javascript 和 css 文件的优化版本。这是负责的任务...

我想修改它以生成 javascript 和 css 文件的最小化和非最小化版本。我还希望将 javascript 和 css 文件称为项目的名称版本。该名称index.html在您可以看到的文件中指定styles/app.css...

虽然我可以在这里硬编码一个名称，但我想知道是否gulp可以从包中读取项目的名称？例如，grunt你可以写...

有谁知道你是否可以做类似的事情grunt？我找不到任何这样的例子？

我想以与 index.html 中相同的顺序将 gulp -useref用于 concant js 文件。

解决方案具有以下结构：

• 解决方案文件夹
  • 应用程序文件夹
    • 服务文件夹
      • 服务.js
  • 脚本文件夹
    • 角.js

索引.html

吞咽

当我运行这个 gulp 任务 app.js 文件被创建但包含 index.html 的内容。

我做错了什么？

我有一个不使用 gulpif 和lazypipes 的 Grunt 文件，但我要做的是创建一个任务，该任务将使用useref. 然后是gulpifJS lint、uglify/concatenate 和notify. 我收到“错误：对lazypipe() 的无效调用..”，我正在查看这篇文章https://github.com/OverZealous/lazypipe/issues/19，但我有点绿，不明白错误/如何修复它“管道（foo）与管道（foo（））”。 如果有人能告诉我我是如何错误地使用lazypipe的=我应该很好。

grunt 文件更大，我正在使用 gulpif bc css，一旦它起作用，我也会使用它。如果有更好的方法让我知道，谢谢。

正在使用的插件：

我正在尝试让我的 ionic 应用程序为生产做好准备，但 gulp-useref 出现了一些错误

在我的索引文件中

在我的 gulpfile.js 中

我的 after_prepare 钩子中有这个文件

我在我的 ionic.project 文件的 gulpStartupTasks 中添加了“useref”，但是每当我运行时，ionic build android我都会收到错误

为什么不使用新的 index.html 创建 dist 文件夹以及 dist_css 文件夹 wt styles.css？

任何帮助表示赞赏

我想使用 gulp-useref 将我所有的 JavaScript 文件连接成一个。

在我的 JavaScript 文件中，我混合了预压缩文件和非压缩文件。

我只想对尚未缩小的文件进行 uglify（出于构建性能原因），并且https://github.com/jonkemp/gulp-useref#transform-streams表明这是可能的（实际上，它看起来很容易）。以下是我的 Gulp 任务定义：

这很有效，因为我得到了一个连接的文件，但未缩小的文件保持未缩小（预缩小的文件仍然被缩小 - 正如预期的那样）。

我的代码部分基于此：https ://github.com/craigjennings11/gulp-uglifyjs

知道为什么我的文件没有被缩小吗？

参考

• 吞咽
• gulp-useref
• gulp-if
• 吞咽丑化
• 懒人管

我gulp-useref用来连接和缩小我的脚本资产。由于我的项目包含一些bootstrap样式，我想修剪它所有不必要的部分。为此，我集成了gulp-purifycss插件。我现在尝试使用gulp-useref'stransformStream功能来选择性地仅净化bootstrap.css，这导致我的缩小 javascript 和 CSS 的输出文件无效。例如，生成的 javascript 文件也包含所有的bootstrap.css，而 CSS 文件只包含大约两行我自己的 CSS。

这是我的吞咽任务：

可能我transformStream以错误的方式使用了，但是在这方面文档非常少，因为它只告诉我 Transform assets before concat.，这正是我想要的：在它与我自己的 CSS 连接之前进行bootstrap.css转换。purifycss

提前感谢您对正确方向的任何提示！

我在运行 gulp 时使用了 gulp 和 Laravel Blade，

我要东西吗？

我想要 {{asset('/') }} 附加到 perfix URL build

head-include.blade.php 在运行 gulp之前

gulpfiles.js

head-include.blade.php 运行 gulp后

但我想要它：

我想 {{asset('/') }} 附加到 perfix url build

head-include.blade.php我想要..