问题标签 [gulp-inject]

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 回答
4344 浏览

javascript - 如何使用 gulp-inject 在我的 index.html 中插入文件的内容?

这是我到目前为止所尝试的:

这是发生的事情:

前:

后:

我期望看到的是文件的实际内容,而不是行:

谁能告诉我是否可以使用“插入文件内容”gulp-inject或者是否还有其他我应该使用的东西。请注意,过去我尝试使用gulp-mustache,但在插入字符时遇到了问题(65279)。我认为这与以下问题有关,但我从来没有让小胡子为我工作:

如何避免在php中回显字符65279?(这个问题也与 Javascript xmlhttp.responseText (ajax) 有关)

我希望有人可以用gulp-inject或用gulp-mustache或任何其他方式给我一些建议,以将文件的内容插入另一个文件。

0 投票
1 回答
747 浏览

node.js - gulp-inject:使用 pug 时缺少开始标记的结束标记

我有一个相当具体的问题:我正在尝试使用 Sails.js 和 machinepack-sailsgulpify 构建一个复杂的堆栈。

为了将资产注入我的模板,我使用gulp-inject插件,正如机器包所建议的那样。问题是除此之外的任何东西htmlejs注射器都不起作用。它根本不会改变任何东西。没有错误,什么都没有。

我的任务如下所示:

不用担心generateScriptStartTag这些功能,它们只是用来控制的,我 1000% 确信它们可以正常工作,经过大量测试。他们生成的标签是这样的:

取决于模板语言。

添加自定义转换功能不起作用。如果我使用ejsorhtml或真的任何类似于 html 语法的东西,它就可以正常工作。

现在,关于 Sails:我不能在注入之前添加一个 gulp 任务来编译模板,因为 Sails 在开发中根据请求呈现模板,它实际上并没有将它们预编译到任何目录中。老实说:我为什么要这样做?注入只是在我的 .jade/.pug 文件中添加行views,这些文件已经存在,所以我不明白为什么那里有问题。有人可以建议吗?

更新: 相当令人沮丧的代码检查显示,运行inject函数时的“匹配”属性长度为 0,并且content在节点检查器中检查流时,我没有看到注释,它们被剥离了,尽管事实上它们清楚地存在于文件中。

更新#2: 看来我对 ejs 的看法是错误的。仅处理 HTML 文件。当它没有检测到注入评论时,它也可以正常工作。但是,如果它执行了 end 事件,则根本不会为该文件发出任何内容,并且不会注入任何内容。这适用于所有模板引擎,只有静态 HTML 文件的注入工作正常。

更新#3: 经过另外 5 个小时的调试后,我发现了问题,但是我对流的理解还不足以让我更接近解决方案。问题是,在inject插件的功能中,有一个循环没有正确退出,虽然它完美地将所需的标签注入到流中,然后它在同一个流上再次运行该循环(使用注入的标签),并抛出一个错误。 故障点调试器 为什么该错误从未出现在我不知道的任何控制台中,但你去了。有人可以帮忙吗?我完全迷失了……这是插件中的错误吗?

0 投票
1 回答
57 浏览

gulp - 吞咽注入。不想在输出中包含构建文件夹

我有以下文件夹结构

我已经建立了一个 gulp 过程,以便完成后我的 .build 文件夹将包含我完成的解决方案

IE

我有我的 gulp 任务来编译我的 sass 文件,并且生成的文件被正确保存到 _build\css 文件夹中

现在在我的 index.html 文件中,我在 head 元素中有以下内容

现在我想要得到的是注入以下内容

但我一直在结束

这是我进行注入的 gulp 任务。ps 我正在使用别名为 $ 的 gulp-load-plugins

根据我对阅读https://www.npmjs.com/package/gulp-inject上的文档的解释,使用 relative 选项它不应在输出中包含 /_build/ 。然而,它并没有被排除在外。

如何配置 gulp-inject 以正确排除 /_build/ 路径

0 投票
1 回答
418 浏览

angularjs - 自动将 js/css 文件添加到 ionic 项目中

我想自动将新的 js/css 文件注入到我的 ionic 项目中。所以,我发现这篇非常有用的文章,它展示了如何使用gulp injection来实现,但只使用了我自己的 js/css 文件(那些在 js/css 文件夹中的文件)。

如果我现在使用 bower 安装另一个外部库,例如:

该库不会自动注入,因为它安装在 js 文件夹之外的 lib 文件夹中,因为它是来自外部供应商的库。

我想我应该有另一个 gulp 任务来最小化使用 bower 安装的外部库,并将它们放入 js 文件夹以使其可注入。我对吗?

0 投票
1 回答
161 浏览

javascript - 如果首先清理 dist 文件夹,Gulp 注入将忽略 css

我有一个简单的 gulp 脚本。流程是:

  1. 删除 dist 文件夹
  2. 将 .html 和 .css 文件移动到新的 dist 文件夹
  3. 编译 typescript 并将生成的 .js 移动到 dist 文件夹
  4. 最小化 .js
  5. 将 .js 和 .css 注入 .html

问题是,如果我首先删除 dist 文件夹,则注入仅适用于 .js 文件。但是,如果我跳过 dist 文件夹的清理,它会创建一个正确的 .html(因为 index.html 中存在 .js 和 .css)。有没有人遇到过这个问题?如果是这样,您是如何解决的?我猜它与流水线有关。

Gulp 版本:“^3.9.1”

0 投票
1 回答
988 浏览

node.js - Gulp 注入:分段错误

我有 manjaro linux,我从官方存储库安装了 nodejs 和 npm

节点版本:v6.2.1

npm 版本:3.9.5

当我运行时:

它显示我:

我的 coredumctl 显示我:

我能成功运行的唯一原因gulp serve是从 de 配置文件中删除 de follow 行.pipe($.inject(injectScripts, injectOptions))

0 投票
1 回答
840 浏览

gulp - Gulp 任务“注入:供应商”不注入 Bower 依赖项

升级到最新版本3.4.1的 JHipster 后,我注意到它gulp inject不会将我的自定义 Bower 依赖项注入到index.html. 所以我尝试删除所有预先打包的脚本标签并再次注入它们。

令人惊讶的是,它没有用。没有任何东西被注入。

我没有看到没有票,没有讨论提到这个问题。这只是我的环境吗?有人可以验证这是一个问题吗?

如何重现:

  • JHipster 示例应用程序(最新版本3.4.1在撰写本文时)
  • 从中删除预打包的凉亭引用index.html

    /li>
  • gulp inject

  • 没有任何东西被注入该bower:js部分
0 投票
1 回答
575 浏览

angularjs - 如何在 gulp-inject js 文件中添加自定义顺序

我在为我的 Angular 项目按特定顺序添加 js 文件时遇到问题。

例如。我有 2 个文件app.modules.jsapp.routes.js

当我使用 gulp 时,它app.modules.js首先加载。这对我不起作用。我想app.routes.js先加载我的。

我搜索了一个答案,结果一无所获。请帮忙。

0 投票
1 回答
157 浏览

laravel - Gulp-inject 不忽略路径

我正在尝试将 gulp-inject 添加到我的 Laravel 代码库中,并且我需要使用路径注入我的样式文件/styles/b/app.min.css,因为 Laravel 将它的 Blade Views 编译为它自己的 HTML 文件,所以我必须在其中进行任何 gulp 更改刀片视图而不是编译视图...

问题是,每当我运行我的任务并尝试注入文件时,它都会按如下方式注入文件

这显然破坏了实际视图,因为当我浏览到它已经在公共目录中的页面时,公共目录是我项目的 webroot,所以它试图在里面找到 app.min.csspublic/public

我需要忽略任何引用,public/因此我尝试使用ignorePath如下

文档对于这到底是做什么的不是很具体,但我认为它是为了在注入之前从我的路径中删除“公共/”字符串,但它没有这样做......无论是否设置了该选项视图中返回的路径始终相同...

在这种情况下我能做什么?

0 投票
1 回答
380 浏览

node.js - 向wiredep或gulp-inject css链接添加属性?

如何使用wiredep或gulp-inject将自定义html属性添加到一个css文件?每个其他文件都是使用 Gulp 自动注入的,除了这个文件(因为我需要向它添加一个属性):