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

javascript - 合并 Javascript 和框架的 Gulp 任务

我对 WebDev 和 Gulp 完全陌生。我目前正在创建一个自己的实验项目。我想使用 Angular 1 和 Bootstrap。到目前为止我所做的是通过 NPM 安装 Bootstrap。创建一个 main.less 文件,我在其中导入 Bootstrap.less 文件和我自己的所有 less 文件。然后这个 main.less 文件将被编译成一个公共 CSS 文件,该文件通过 gulp-inject 注入到 index.html 中。

现在到 Javascript 部分。我还想要一个注入 index.html 的 Javascript 文件。

首先这是建议,还是我应该自动注入我将创建的所有 Javascript 文件?

我如何处理我的框架?我知道我可以require('angular')在一个 Javascript 文件中做例如。但是我把这个放在哪里?

0 投票
1 回答
146 浏览

javascript - Gulp 注入输出,但没有一个选项有效

我正在尝试使用“gulp-inject”插件将 js 文件添加到我的索引文件(Angular 应用程序)中。

以下是我的 gulpfile.js 的一部分:

运行任务后,这里是生成的 index.html 文件的问题部分:

根据任务中设置的附加选项,输出 src 应该是 ' js/app.module.js '。

我尝试过的事情,结果没有改变:

  • 遵循github 上插件的“ignorePath”问题的一些建议(单击此处)
  • 仅包括一个选项(即 addRootSlash 或 ignorePath)
  • 使用 {cwd: 'js/'} 作为唯一选项
  • 将 'js' 变量更改为字符串(即 var js = source + '**/*.module.js')
  • 将 ignorePath 更改为字符串(即 ignorePath: 'src/')

不知道出了什么问题,或者还有什么可以尝试的。任何帮助将不胜感激!

0 投票
0 回答
51 浏览

gulp - gulpfile.js 没有注入我的 js 文件

我有以下文件夹结构

在此处输入图像描述

这是我的 gulpfile.js 的副本

这个文件一定有问题,因为注入的是css而不是js。

这是控制台显示的消息。这没有向我显示任何错误。

在此处输入图像描述

0 投票
1 回答
1086 浏览

svg - 将内联 gulp-svgstore 注入哈巴狗(以前的玉)

我正在使用 gulp-store 注入哈巴狗。我让它注入到标签/评论中的哈巴狗文件中,但它在 html 上。如何以 pug 语法输出?

0 投票
1 回答
88 浏览

node.js - 为什么 gulp-inject 不会将我的 javascript 文件添加到 html

我有代码可以通过 gulp-inject 注入到我的网页中,并且我已经将我的静态文件夹设置为像这样提供服务

然后在gulpfile.js我施展魔法,但我的咒语被打破了......

如何将静态 java 脚本和 css 注入我的 html 模板?

0 投票
1 回答
208 浏览

javascript - gulp-inject 不适用于事件流

gulp-inject 不适用于事件流。

结果是这样来的。

不幸的是,mainBowerFiles('**/*.js')不要合并inject(es.merge(gulp.src(config.jsPath + '/**/*.js', {read: false})))

在此处输入图像描述

0 投票
1 回答
161 浏览

npm - 如何生成相对于 gulp-inject 生成的目标文件的路径

我正在使用 gulp-inject 将一些 css 和 js 文件注入到dist/index.html位于dist/css/*.cssdist/js/*.js

目前它正在从项目的基本 url 注入文件,但我希望它从目标文件注入文件链接,即dist/index.html

/dist/css/*.csscss/*.css

/dist/js/*.jsjs/*.js

但它的生成是这样的:

对此有什么建议吗?

0 投票
1 回答
2334 浏览

javascript - 如何以正确的顺序向 jhipster 项目注入 bower 依赖项

我正在尝试将ngmap注入我的 jhipster 项目。安装后依赖

凉亭安装 ngmap --save

它出现在我的 bower.json 文件中:

Gulp 在角度依赖之前注入 ngmap:

错误发生了什么:

ng-map.js:34 未捕获类型错误:无法读取未定义的属性“模块”

app.module.js:4 Uncaught ReferenceError: angular is not defined(…)

我已经在文件末尾手动将 js 文件注入到 index.html 中。它在我的开发环境中本地工作,但是在部署到 heroku 后,出现与上述相同的错误。如何强制 gulp 以正确的顺序注入它?

这是我的 gulpfile.js:

注入.js:

0 投票
1 回答
845 浏览

javascript - 如何在 gulp-inject 上配置 dist 文件夹的相对文件路径?

使用 gulp-inject 将资源注入 index.html 时出现问题。

我有以下应用程序样式、供应商 js 代码和应用程​​序 js 代码流:

我想要做的是通过以下任务将 index.ml 注入这些资源并将它们放在 dist 目录中:

这可以正常工作,但问题是路径还包括 dist 目录。这是发布基目录:

我如何配置 gulp-inject 以便代替

谢谢 :)

0 投票
1 回答
40 浏览

javascript - 在css注入上设置正确的目录

这是我的项目

我使用 gulp 并希望将 build/scc 和 build/js 文件注入 src/index.html 并将其放置为 build/index.html

这样做:

我需要跳过 '/build/' 部分但仍然在 html 文件的输出中显示: