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

javascript - 如何使用 gulp.src() 获取相对源

我在 /components/slider/index.html 有一个文件。我设置了一个 gulp 任务,它使用 gulp-inject 从单独的文件夹中注入相关的 css/js 文件。

现在我需要获取一个 js 文件的源代码,它位于我们正在管道传输的 html 源代码旁边,以便使用 gulp-inject 相对注入它。

有没有办法进入gulp.src('./components/**/*.html')管道并以某种方式从那里获取兄弟 js 文件?有什么建议吗?

0 投票
1 回答
163 浏览

angularjs - 我应该更喜欢 gulp-inject 还是wiredep

我让自己习惯了任务跑步者。使用的时候gulp发现有两个插件,gulp-injectwiredep.

我知道它们是做同样事情的两件事。我对么?如果没有,有人可以向我解释这两者之间的区别以及各自使用一种和另一种的情况。

0 投票
2 回答
2841 浏览

angularjs - gulp-angular-filesort 对 gulp-inject 的真正作用是什么?

任何人都可以举例说明 gulp-angular-filesort 的真正作用以及如何正确使用它吗?

问题是我最近意识到我的 gulp -angular-filesort根本不对angularjs文件进行排序,但是我的 AngularJS 应用程序有很多文件工作正常。所以,我想出了两个问题:

  1. AngualarJs 对源文件顺序仍然敏感吗?在我看来,好像不是。
  2. gulp-angular-filesort 实际上是做什么的?我看不到它的工作的任何结果。

我认为 gulp-angular-filesort 查看 angular.module 语句并根据括号中指定的依赖关系对文件进行排序。看来我错了。

请看下面我的示例。

// 文件:Gulpfile.js

//a_services.js

//b_controllers.js

// c_app.js

gulp-inject 的结果如下:

我预计完全相反的顺序使应用程序工作(但它仍然有效)。因此,使用 gulp-angular-filesort 只是按字母顺序对文件进行排序,尽管 angular.module(...,[...]) 中指定了所有依赖项

这里发生了什么?

0 投票
1 回答
603 浏览

gulp - 带后缀的 gulp 注入系列

声明:我正在开发一个应用程序,该应用程序以新组件(html、js 和 css 文件)的形式进行了大量更新。我遇到的问题是 js 文件需要清除缓存或刷新一些浏览器页面才能按预期使用新文件,所以我们考虑的修复是通过 gulp 对 js 和 css 文件进行版本控制,因为我们已经用它。

问题:尝试使用 gulp-inject 作为系列在 html 中注入文件并添加后缀不起作用。文件已注入,但未附加后缀。

代码

0 投票
2 回答
83 浏览

javascript - 具有接口扩展字符串功能

我一起使用这些工具:

  • 打字稿
  • 吞咽
  • Gulp-注入

我正在尝试执行以下操作:

用包含文件内容的字符串gulp-inject替换。{ gulp_inject: "x.html" }这就是我想要IGulpInjectable扩展的原因string:这样trim()TypeScript 就能理解类似的方法。

但是,extends string无效。也不是extends String。至少,不是我当前的构造函数代码,我不想改变它。

如何告诉 TypeScript 我的界面具有所有方法string


脚注,我目前的解决方法:

但这并不是很令人满意。

0 投票
1 回答
785 浏览

javascript - Gulp 工具无需 concat 即可动态更改索引 html 中的路径

所以我一直按照我想要的方式工作,除了主要是一旦我运行“gulp copy”,我的 index.html 路径就会保持原样。但是,当运行 gulp copy 时,它会运行几个任务并将 dest 吐到 '/dist/....'。这是一个问题,因为我的开发环境不同。一直在搜索和搜索并思考如何实现类似 gulp-inject 的东西,但不确定考虑到我的文件结构的最佳方法,如下所示。下面我包括我的 gulp.js 和我的 index.html。希望有人可以帮助解决这个问题。

gulp.js:

现在,我的 index.html:

非常感谢您的帮助,因为我大部分时间都在为此绞尽脑汁。

0 投票
1 回答
97 浏览

gulp - Gulp 文件排序不符合预期

我有球:

如何让 gulp 按此顺序对以下 2 个文件进行排序:

我需要 page-xxx.js 总是先走。我尝试gulp-natural-sort同时使用升序和降序,但我仍然得到相同的结果:

0 投票
2 回答
1713 浏览

javascript - Task Runner 中出现意外的令牌错误

将 VS 2015 更新到 Update 2 后,Task Runner Explorer 执行 gulp 失败,但从控制台可以正常工作。

该错误是已知的,但我不知道它与 VS 2015 有什么关系。它在 VS 2013 中运行良好。VS 使用与 nodeJs 或 VS 2013 不同的 JavaScript 解释器吗?

它是 Windows 7、Node.js 5.10.1。

错误:

更新

  • 我有另一台装有 Windows 10、Node.js 5.10.1 和 Visual Studio 2015 Update 2 的机器,同样的东西可以正常工作
0 投票
1 回答
197 浏览

asp.net - gulp-inject 在 asp.net 核心项目中不起作用

所以我一直在做一个 asp.net 核心项目,并尝试使用 gulp-inject 包注入脚本。但是当我尝试在 gulpfile.js 中使用 gulp-inject 模块时,它会在任务运行器窗口中引发此错误。我在这里想念什么?

[在 package.json 中注入

package.json 中的 gulp-inject

任务运行错误

任务运行错误

0 投票
1 回答
80 浏览

javascript - Gulp 和注入路径

在视觉工作室中,我有以下客户端项目结构

使用 gulp-inject 我想在 index.html 中注入我的 javascript 的路径:

gulpfile.js 位于 wwwroot 目录之外。 这里的问题是在我的 index.html 中,注入的形式是:

为了工作,我需要拥有

我怎样才能做到这一点?