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

node.js - gulp-inject 与 gulp-jade

这是我使用 gulp 的第一天 - 我尝试使用 gulp-inject 将一些脚本文件和转换为 html 的玉文件放入 app 文件夹中的“temp”文件夹中,该文件夹使用 webserver 来提供 html。如果我只是使用静态 html,我可以使这项工作正常,但是当我切换到玉时,它只能在我第一次运行 gulp 之后工作(我猜是因为它仍在处理 gulp-jade 'jade()' 第一个时间过去了,所以没有要注入的 html - 所以我有这段代码(当然,我已经完成了教程的一半,所以这甚至可能不是使用 gulp 的正确方法,但教程没有使用我更喜欢的翡翠)

0 投票
0 回答
302 浏览

javascript - 在 gulp 项目中注入多个 3rd 方 Javascript 文件

我是 gulp 的新手,我有一个正在运行的项目,它可以生成一个 HTML5 QR 码扫描仪,它周围有一些功能。对于这个扫描仪,我需要几个 3rd 方 Javascript 文件。当我运行“gulp serve”时,没有问题,相机按照我的命令执行,但是当我运行“gulp build”时,它找不到javascript文件,我认为原因这是因为 bower 不会将这些文件注入到主“app.js”中。

我试图调整我的“scripts.js” - 像这样在 gulp 目录中的文件:

但没有结果... javascript 文件位于 projectname/src/app/scan-camera/jsqrcodescanner - 目录中。有人对此有解决方案吗?

0 投票
1 回答
269 浏览

gulp - gulp 只能监视文件的添加/删除吗?

示例用法:

任务gulp-inject用于将js/**/*.js文件注入 index.html。

问题:如果我观察js/**/*.jsglob 中的变化,这意味着每次.js更改任何文件的内容时我都在运行注入任务,这是不必要的,因为路径不会改变。

问题:如何创建一个只监视 glob 中文件的添加/删除的监视程序?

谢谢!

0 投票
1 回答
310 浏览

reactjs - 指定 gulp-inject 脚本类型

我正在将 JSX 与 React 一起使用。是否可以指定注入脚本的类型以便在开发模式下工作时使用浏览器内的 JSX 转换器?

0 投票
1 回答
2310 浏览

gulp - 通过 Gulp Task 将变量注入 html

我正在使用 Gulp 和一些插件来模板化我的 HTML 并缩小我的 HTML,即“gulp-file-include”、“gulp-inject”、“gulp-minify-html”似乎都没有提供注入常量的方法在构建时,即是这样的:

.pipe('*.html', $.gulpVar({urlpath: 'www.myurl.com'})))

然后在我的 HTML 中引用变量

联系我们

我能找到的最接近类似的东西是 gulp-ng-constant 虽然这会将其注入 JS 并使用 Angular,但我没有使用 Angular 并希望将其注入 HTML。是否有具有该功能的 gulp 插件?

0 投票
2 回答
1898 浏览

javascript - 排除某些目录 gulp-inject

bower_components包含cssjavascript文件时忽略

我不想包含client/bower_components在我的 index.html 中?有没有办法可以指定要包含在我的文件中的文件sources

https://github.com/klei/gulp-inject#optionsignorepath

0 投票
0 回答
58 浏览

angularjs - 更改状态时浏览器找不到项目 js 文件

我正在尝试使用 ngRouter 以角度创建一个新状态。我有一个index.route.js包含以下内容的文件:

然后,我创建了 atools.html和 a tools.controller.html

tools.html

你好世界

tools.controller.js

问题是,每当我去 examplehttp://localhost:3000/tools/maps时,浏览器都会抱怨它找不到一些应该链接到项目的 js 文件。现在,它显示的链接包含状态,例如,它不是在中搜索 bootstrap,而是在 中http://localhost:3000/app/index.route.js搜索它http://localhost:3000/tools/app/index.route.js。这是为什么?

我使用 Yeoman 和 gulp-angular 生成器来创建项目。

0 投票
2 回答
657 浏览

gulp - $ 未在 Gulp 任务中定义

我有以下 package.json 文件:

当我为 bower.json 运行此任务时,出现错误:

[16:11:31] 使用 gulpfile C:\MyProject\src\MyProject\Gulpfile.js
[16:11:31] 开始 'wiredep'...
[16:11:31] 从 ./bower_components/ 放置 Bower 组件在 ./Views/Shared/_Layout.cshtml
[16:11:31] 'wiredep' 在 5.7 毫秒后出错
进程以代码 1 终止。
[16:11:31] ReferenceError: $ 未定义

为什么 $ 没有定义,我怎样才能定义它?

我尝试的是添加"jquery": "2.1.4",到 package.json 中的 devDependencies。

0 投票
1 回答
269 浏览

javascript - 流/gulp-inject 问题

我正在尝试gulp-inject使用动态目标进行调用。如果一个 HTML 文件包含多个目标,每个目标都会覆盖最后一个,所以我尝试将它们移到另一个函数中。问题是,现在gulp-inject无法访问目标(通过记录它到达的位置来确定)。

下面的代码应该作为一个例子(这是简化的,但应该显示正在发生的事情):

HTML:

Gulpfile.js:

Bundles.js:

可能是我对流的知识缺乏了解,但除了 inside gulp-inject,一切正常,它似乎没有获取文件块。该插件在我的视图中找到了正确的包,并从我的包文件中找到了要注入的脚本,只是似乎没有对目标文件的引用。

0 投票
2 回答
296 浏览

gulp - 让 gulp watch 任务等待 bower 完成

我尝试创建一个 gulp 任务来观察bower.json,以便当它发生变化时,gulp-inject更新index.html。但是,如果更新需要从 Internet 获取新组件,则监视任务通常会在文件下载之前完成。main-bower-files看不到新文件,index.html并被之前的相同内容覆盖。

我正在使用开箱即用的 Visual Studio 2015 bower 和 gulp 集成。该集成会自动运行 bower 以响应对bower.json.

我怎样才能告诉我的手表任务等到凉亭完成?