问题标签 [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.
javascript - 如何使用 gulp-inject 在我的 index.html 中插入文件的内容?
这是我到目前为止所尝试的:
这是发生的事情:
前:
后:
我期望看到的是文件的实际内容,而不是行:
谁能告诉我是否可以使用“插入文件内容”gulp-inject
或者是否还有其他我应该使用的东西。请注意,过去我尝试使用gulp-mustache
,但在插入字符时遇到了问题(65279)。我认为这与以下问题有关,但我从来没有让小胡子为我工作:
如何避免在php中回显字符65279?(这个问题也与 Javascript xmlhttp.responseText (ajax) 有关)
我希望有人可以用gulp-inject
或用gulp-mustache
或任何其他方式给我一些建议,以将文件的内容插入另一个文件。
node.js - gulp-inject:使用 pug 时缺少开始标记的结束标记
我有一个相当具体的问题:我正在尝试使用 Sails.js 和 machinepack-sailsgulpify 构建一个复杂的堆栈。
为了将资产注入我的模板,我使用gulp-inject
插件,正如机器包所建议的那样。问题是除此之外的任何东西html
,ejs
注射器都不起作用。它根本不会改变任何东西。没有错误,什么都没有。
我的任务如下所示:
不用担心generateScriptStartTag
这些功能,它们只是用来控制的,我 1000% 确信它们可以正常工作,经过大量测试。他们生成的标签是这样的:
取决于模板语言。
添加自定义转换功能不起作用。如果我使用ejs
orhtml
或真的任何类似于 html 语法的东西,它就可以正常工作。
现在,关于 Sails:我不能在注入之前添加一个 gulp 任务来编译模板,因为 Sails 在开发中根据请求呈现模板,它实际上并没有将它们预编译到任何目录中。老实说:我为什么要这样做?注入只是在我的 .jade/.pug 文件中添加行views
,这些文件已经存在,所以我不明白为什么那里有问题。有人可以建议吗?
更新:
相当令人沮丧的代码检查显示,运行inject
函数时的“匹配”属性长度为 0,并且content
在节点检查器中检查流时,我没有看到注释,它们被剥离了,尽管事实上它们清楚地存在于文件中。
更新#2: 看来我对 ejs 的看法是错误的。仅处理 HTML 文件。当它没有检测到注入评论时,它也可以正常工作。但是,如果它执行了 end 事件,则根本不会为该文件发出任何内容,并且不会注入任何内容。这适用于所有模板引擎,只有静态 HTML 文件的注入工作正常。
更新#3:
经过另外 5 个小时的调试后,我发现了问题,但是我对流的理解还不足以让我更接近解决方案。问题是,在inject
插件的功能中,有一个循环没有正确退出,虽然它完美地将所需的标签注入到流中,然后它在同一个流上再次运行该循环(使用注入的标签),并抛出一个错误。
为什么该错误从未出现在我不知道的任何控制台中,但你去了。有人可以帮忙吗?我完全迷失了……这是插件中的错误吗?
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/ 路径
angularjs - 自动将 js/css 文件添加到 ionic 项目中
我想自动将新的 js/css 文件注入到我的 ionic 项目中。所以,我发现这篇非常有用的文章,它展示了如何使用gulp injection来实现,但只使用了我自己的 js/css 文件(那些在 js/css 文件夹中的文件)。
如果我现在使用 bower 安装另一个外部库,例如:
该库不会自动注入,因为它安装在 js 文件夹之外的 lib 文件夹中,因为它是来自外部供应商的库。
我想我应该有另一个 gulp 任务来最小化使用 bower 安装的外部库,并将它们放入 js 文件夹以使其可注入。我对吗?
javascript - 如果首先清理 dist 文件夹,Gulp 注入将忽略 css
我有一个简单的 gulp 脚本。流程是:
- 删除 dist 文件夹
- 将 .html 和 .css 文件移动到新的 dist 文件夹
- 编译 typescript 并将生成的 .js 移动到 dist 文件夹
- 最小化 .js
- 将 .js 和 .css 注入 .html
问题是,如果我首先删除 dist 文件夹,则注入仅适用于 .js 文件。但是,如果我跳过 dist 文件夹的清理,它会创建一个正确的 .html(因为 index.html 中存在 .js 和 .css)。有没有人遇到过这个问题?如果是这样,您是如何解决的?我猜它与流水线有关。
Gulp 版本:“^3.9.1”
node.js - Gulp 注入:分段错误
我有 manjaro linux,我从官方存储库安装了 nodejs 和 npm
节点版本:v6.2.1
npm 版本:3.9.5
当我运行时:
它显示我:
我的 coredumctl 显示我:
我能成功运行的唯一原因gulp serve
是从 de 配置文件中删除 de follow 行.pipe($.inject(injectScripts, injectOptions))
gulp - Gulp 任务“注入:供应商”不注入 Bower 依赖项
升级到最新版本3.4.1
的 JHipster 后,我注意到它gulp inject
不会将我的自定义 Bower 依赖项注入到index.html
. 所以我尝试删除所有预先打包的脚本标签并再次注入它们。
令人惊讶的是,它没有用。没有任何东西被注入。
我没有看到没有票,没有讨论提到这个问题。这只是我的环境吗?有人可以验证这是一个问题吗?
如何重现:
- 拿JHipster 示例应用程序(最新版本
3.4.1
在撰写本文时) 从中删除预打包的凉亭引用
/li>index.html
跑
gulp inject
- 没有任何东西被注入该
bower:js
部分
angularjs - 如何在 gulp-inject js 文件中添加自定义顺序
我在为我的 Angular 项目按特定顺序添加 js 文件时遇到问题。
例如。我有 2 个文件app.modules.js
和app.routes.js
当我使用 gulp 时,它app.modules.js
首先加载。这对我不起作用。我想app.routes.js
先加载我的。
我搜索了一个答案,结果一无所获。请帮忙。
laravel - Gulp-inject 不忽略路径
我正在尝试将 gulp-inject 添加到我的 Laravel 代码库中,并且我需要使用路径注入我的样式文件/styles/b/app.min.css
,因为 Laravel 将它的 Blade Views 编译为它自己的 HTML 文件,所以我必须在其中进行任何 gulp 更改刀片视图而不是编译视图...
问题是,每当我运行我的任务并尝试注入文件时,它都会按如下方式注入文件
这显然破坏了实际视图,因为当我浏览到它已经在公共目录中的页面时,公共目录是我项目的 webroot,所以它试图在里面找到 app.min.csspublic/public
我需要忽略任何引用,public/
因此我尝试使用ignorePath
如下
文档对于这到底是做什么的不是很具体,但我认为它是为了在注入之前从我的路径中删除“公共/”字符串,但它没有这样做......无论是否设置了该选项视图中返回的路径始终相同...
在这种情况下我能做什么?
node.js - 向wiredep或gulp-inject css链接添加属性?
如何使用wiredep或gulp-inject将自定义html属性添加到一个css文件?每个其他文件都是使用 Gulp 自动注入的,除了这个文件(因为我需要向它添加一个属性):