问题标签 [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 回答
72 浏览

javascript - 修订哈希 WebWorker 脚本

我正在使用rev-hash来防止浏览器从其缓存中加载过时文件的问题。它通过将文件内容的哈希附加到文件名来做到这一点。我使用gulp-usemin用修改后的文件名更新我的 html。

问题是我的WebWorker脚本是从 javascript 中引用的,所以 usemin 不会替换它。

此外,内部导入worker.js的脚本不会更新。

有人可以建议一个干净的机制来更新这些吗?现在我只是在每次发布之前手动更新它们。

0 投票
1 回答
140 浏览

symfony - 如何在树枝中使用 gulp-usemin

我正在尝试使用 gulp-usemin 对我的树枝文件进行资产管理,以替换资产。我可以这样做,同时仍然保持asset() 方法的优势来查找我的资产的相对路径吗?

0 投票
2 回答
320 浏览

gulp - 如何阻止 sourcemaps/usemin 将 css .map标签附加到输出?

gulp-usemin 正在生成并将 css sourcemap 链接标记附加到输出 html,但不适用于 js。如何阻止它附加 sourcemap 标签?

吞咽任务:

源 HTML:

这是结果输出。请注意额外的 sourcemap css 链接标签,但 JS 地图没有相应的 sourcemap 脚本标签。为什么会这样,如何停止为 css 插入 sourcemap 标签?

0 投票
0 回答
384 浏览

javascript - Gulp usemin 排除文件

让我们有 index.html

在输出中,我们将在js目录中有 2 个文件:lib.jsapp.js

对于usemin此文件中的代码,我正在使用此任务:

该任务还运行 ngAnnotate,uglify 任务,因为lib.js它需要很长时间才能使所有这些工作正常。我只需要为文件中的所有文件运行这些任务app.js

如何从这个附加任务中排除库文件?

0 投票
2 回答
271 浏览

node.js - Gulp Usemin 什么都不做

我在一个项目中有多个应用程序,所以我有这个任务:

这是 index.html:

任务运行没有问题,但不生成文件!

0 投票
1 回答
565 浏览

javascript - gulp-usemin 不输出 js 文件

我正在尝试使用gulp-usemin捆绑我的CSSjavascript文件进行生产。gulp-usemin在我的文件上工作正常CSS,但没有输出与我的javascript文件相关的任何内容。有人可以向我指出我做错了什么吗?

我遇到了类似于uglified files are not rewritten in html file using gulp-usemin 的问题,但建议的解决方案不起作用。

供参考,我的node版本是v0.12.1,我的gulp版本如下:

index.html

gulp file

运行后gulp build我生成了一个dist目录如下

我生成的 index.html 是

我有什么明显的遗漏吗?为什么css块会工作,但js块会默默地失败?

0 投票
0 回答
150 浏览

javascript - Gulp Usemin 不复制文件或连接?

目标是“usemin”将我的 index.html 中引用的文件复制并连接到 build2 文件夹中。创建 Gulp 任务时,不会发生资产(CSS、js)的连接或复制。有什么被忽略的吗?

文件结构:

/admin/build/index.html
/admin/build/css/ .css
/admin/build/js/
.js
/admin/build2/index.html --> 复制文件
/admin/gulpfile.js

JavaScript:

HTML:
<!-- build:css css/deps.css -->
ink href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet"> <!-- endbuild-->
<!-- build:css css/customBuild.css -->
<link href="../build/css/custom.css" rel="stylesheet">
<!-- endbuild-->

0 投票
2 回答
88 浏览

gulp - 我怎样才能更有效地编码呢?- 一饮而尽的任务

也许比我有更多java脚本经验的人可以回答这个问题。到目前为止,我已经从“usemin”块复制并粘贴,如课程所示。这是代码:

该脚本可以正常工作,但也许有一种更简单或更优雅的编码方式。

我的意思是优雅:有没有办法将usemin -blockusemin-de合并在一起?

帮助将不胜感激。提前致谢!

0 投票
0 回答
178 浏览

gulp - 运行“gulp”时出错

当我尝试在我的 webapp 文件夹中运行 gulp 时,发生了错误:

之后我尝试运行:

但错误再次发生感谢您的帮助!

0 投票
1 回答
43 浏览

gulp - gulp 的生产文件夹构建问题

我试图弄清楚为什么我在我的 css 中添加的动画名称样式没有从我的开发环境复制到我的生产环境。

这是我的生产环境中的代码。

这是我的开发环境中的代码。

这是我的 package.json 的列表 在此处输入图像描述