问题标签 [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.
node.js - gulp-inject 与 gulp-jade
这是我使用 gulp 的第一天 - 我尝试使用 gulp-inject 将一些脚本文件和转换为 html 的玉文件放入 app 文件夹中的“temp”文件夹中,该文件夹使用 webserver 来提供 html。如果我只是使用静态 html,我可以使这项工作正常,但是当我切换到玉时,它只能在我第一次运行 gulp 之后工作(我猜是因为它仍在处理 gulp-jade 'jade()' 第一个时间过去了,所以没有要注入的 html - 所以我有这段代码(当然,我已经完成了教程的一半,所以这甚至可能不是使用 gulp 的正确方法,但教程没有使用我更喜欢的翡翠)
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 - 目录中。有人对此有解决方案吗?
gulp - gulp 只能监视文件的添加/删除吗?
示例用法:
任务:gulp-inject
用于将js/**/*.js
文件注入 index.html。
问题:如果我观察js/**/*.js
glob 中的变化,这意味着每次.js
更改任何文件的内容时我都在运行注入任务,这是不必要的,因为路径不会改变。
问题:如何创建一个只监视 glob 中文件的添加/删除的监视程序?
谢谢!
reactjs - 指定 gulp-inject 脚本类型
我正在将 JSX 与 React 一起使用。是否可以指定注入脚本的类型以便在开发模式下工作时使用浏览器内的 JSX 转换器?
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 插件?
javascript - 排除某些目录 gulp-inject
bower_components
包含css
和javascript
文件时忽略
我不想包含client/bower_components
在我的 index.html 中?有没有办法可以指定要包含在我的文件中的文件sources
?
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 生成器来创建项目。
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。
javascript - 流/gulp-inject 问题
我正在尝试gulp-inject
使用动态目标进行调用。如果一个 HTML 文件包含多个目标,每个目标都会覆盖最后一个,所以我尝试将它们移到另一个函数中。问题是,现在gulp-inject
无法访问目标(通过记录它到达的位置来确定)。
下面的代码应该作为一个例子(这是简化的,但应该显示正在发生的事情):
HTML:
Gulpfile.js:
Bundles.js:
可能是我对流的知识缺乏了解,但除了 inside gulp-inject
,一切正常,它似乎没有获取文件块。该插件在我的视图中找到了正确的包,并从我的包文件中找到了要注入的脚本,只是似乎没有对目标文件的引用。
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
.
我怎样才能告诉我的手表任务等到凉亭完成?