问题标签 [gulp-useref]

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 投票
1 回答
483 浏览

gulp - gulp useref 适用于凉亭组件,但不适用于我的应用程序文件(css 和 js)

运行我的构建任务时,useref 没有按照我的预期执行:

在我的索引中,我有:

所以在我的 gruntfile 我有一个任务:

运行我的任务时,它会生成一个 lib.js 文件和一个 assets/styles/lib.css 文件,但没有 project.js 和 assets/styles/main.css

我怎样才能解决这个问题?我的 js 文件是用 typescript 编写的,并且已经过检查并成功创建,css 来自 sass,我很确定它们没有错误,所以它一定是别的东西......

0 投票
1 回答
150 浏览

css - 如何使用 gulp-bless 和 gulp-useref

我会使用 gulp-bless 插件来分离 bower CSS 文件,因为生成的缩小文件太长并且在 IE 9 中没有完全处理。

但是 gulp-bless 插件生成的文件不会被 gulp-useref 插件替换在“index.html”文件中。

gulp useref 插件也不能加入所有文件,会保留 gulp-bless 插件生成的结构。

文件“index.html”(css 导入和 useref)
css 用户参考部分

文件“gulpfile.js”(构建任务的一部分)
过滤css文件
构建任务的一部分

文件“index.html”(dist)
生成的 index.html 文件

生成的 dist 文件
生成的 dist 文件

有人有什么想法吗?

0 投票
1 回答
613 浏览

javascript - 使用 gulp-jade 和 gulp-useref 时,Css 和 JS 文件不会缩小和连接

我是 gulp 的新手,我正在尝试连接和缩小我的 JS 和 CSS 文件。我用的是翡翠。

gulpfile.js

索引.jade

当我运行我的任务useref然后我检查我的main.min.jsstyle.min.css文件是空的。所以,我错过了一些步骤?(当我不使用 Jade 而只使用 HTML 时,一切正常)。

0 投票
1 回答
435 浏览

gulp - Gulp Userref 嵌套目录

我是一个 Gulp 新手,其目录结构如下:

这是我的用户参考任务

这是HTML

我想要做的是让 useref 获取 .tmp, 目录(包括子目录中的那些)中所有 html 文件中的资产,并在 dist 目录中重新创建目录结构。

我在 dist 根目录中得到了预期的 uglified 和 minified 文件,但我也得到了多个错误,例如:

错误:找不到带有单数 glob 的文件:.tmp/folder1/subfolder1/js/file1.js

找不到该文件,因为如您所见,路径错误(应该是 .tmp/js/file1.js)。此外,子目录不是在 dist 中创建的。

我试图了解为什么会发生这种情况以及我可以做些什么来纠正它,但经过数小时的尝试,我转向这里寻求帮助。提前致谢。

0 投票
3 回答
2022 浏览

javascript - gulp-rev 与 useref 重命名 index.html 文件以及

我是使用 gulp 的新手,正在尝试为我的项目创建一个 gulpfile。

我的第一个任务是合并 index.html 中存在的所有脚本和链接标签,并仅用一个标签替换它们。为了达到这个目的,我正在使用 gulp-useref,如下所示。

这个东西只是连接和缩小我所有的 JS 和 CSS 文件,并为它们创建一个脚本和链接标签。一切都很好,直到这里。

现在,我也希望对组合的 JS 和 CSS 文件实现散列。为此,我正在使用 gulp-rev 和 gulp-rev-replace 插件,如下所示。

这也很有效,但对于一件小事。它不仅为我的 JS 和 CSS 文件,而且为我的 index.html 文件以及下面的文件创建散列文件名。

在此处输入图像描述

有没有一种方法可以避免重命名 index.html 文件,同时仍然保留 JS 和 CSS 散列文件名,因为我的服务器会在文件夹中查找 index.html 文件而不是 index-******* **.html?

谢谢。

0 投票
1 回答
77 浏览

angular - 在 Polymer 和 Angular2 项目中使用 gulp-useref

我们正在尝试让gulp-useref与我们正在开发的 Angular2 应用程序一起工作,特别是用于构建生产应用程序的任务。

不幸的是,gulp-useref不太喜欢 html 导入,并且我不清楚是否可以创建自定义函数,因为它对父useref包进行了解释。

我已经尝试过的不同的东西: - 使用 gulp-useref-import - 使用 noconcat

有没有人试图做类似的事情?

我们的项目基于这个Starter Repo

0 投票
0 回答
148 浏览

javascript - 在 footer.php 中使用 Gulp useref 连接(模板)

我使用 Gulp 作为我的任务运行器。在我的 gulpfile.js 中,我使用 useref 来连接我的 JS 文件。当我的脚本在我的 index.php 文件中时,它工作正常。但是,如果我出于模板原因尝试将它们移动到 ex footer.php,则 useref 不会将脚本连接到 dist/master/footer.php

吞咽代码:

页脚.php 文件:

我将 footer.php 包含在我的 index.php 文件中(在文档的末尾)。

是否可以让 gulp useref 将模板文件中的 JS 文件连接为我的 footer.php?

0 投票
1 回答
287 浏览

javascript - 使用 gulp-useref 如何添加额外的文件?

我的html文件是这样的:

像这样构建文件:

现在我用gulp-angular-templatecache打包所有的视图文件,生成一个template.js,我想把这个文件加到编译好的html文件里面,怎么做呢?

gulp-useref在settings options的文件里找到了additionalStreams,但是我用的时候找到了没有什么想要实现的功能。

0 投票
1 回答
61 浏览

css - 手写笔预处理器无法在使用 gulpif 的 useref 内工作

我有一个非常基本的 gulp 任务,我想处理一个 Stylus CSS 文件 (.styl)。这是 gulpfile 中的任务:

这是 html 的特定部分

无论出于何种原因,Stylus 文件都没有得到处理,而是被复制到 css/style.min.css 而不进行任何处理。

更奇怪的是,如果我将 CSS 格式化为普通的 CSS 文件并将“stylus()”替换为“cssnano()”,cssnano 可以正常工作并缩小文件。当作为自己的任务运行时,Stylus 在 useref 和 gulpIf 之外可以正常工作,但我最好像这样使用它。

0 投票
2 回答
2244 浏览

gulp - Gulp event.js:163 抛出错误;// 未处理的“错误”事件

我已经使用 git clone 并在没有 sudo 的情况下运行 npm install,相同的设置在 Windows 机器上运行良好,但在 Mac OSX 上却中断了:

这是我的 gulpfile.js

我在终端上收到以下错误,认为路径选择错误不知道我在哪里犯了错误: