问题标签 [gulp-4]

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 回答
446 浏览

npm - Sass 的 Gulp 任务不会创建 CSS 文件

我是初学者,已经完成了我的 HTML 和 CSS。对于 Sass,我正在尝试设置开发环境,出于某种原因 gulpfile.js 代码似乎没问题,但是当任务运行时,(gulp style)它不会输出 CSS 文件。命令行上也没有错误。

我已经安装了 gulp、gulp cli、gulp-sass 和 browser-sync

她是我的代码:

该项目的文件夹结构如下所述:

0 投票
1 回答
636 浏览

gulp - Gulp 4 - 如何基于两个数组生成动态任务

我正在使用 nunjucks 和 json 翻译文件构建一个电子邮件生成管道(多个模板)。这意味着我需要遍历多个模板和翻译文件,但是我似乎无法让它工作。

尝试在 templates.map() 中添加另一个循环,但这似乎不起作用(或者我做错了当然)。它几乎可以工作,但在某些时候会崩溃,只生成几个模板。第一个模板有效,但在第二个模板处崩溃:

来源:https ://cobwwweb.com/dynamic-tasks-gulp-4

我也尝试使用 2 个 for 循环生成任务,但这只会生成数组中最后一种语言的数组的最后一个模板(例如:只有 en/template2 会正确生成)。我确实在控制台中看到任务正在开始和完成,但我在任何地方都看不到它们。也许循环完成的速度比任务的生成快?:

我的文件夹结构:

0 投票
1 回答
139 浏览

npm - 为什么这个 gulp 脚本在 v4.0.0-alpha.2 和 v4.0.2 之间表现不同?

虽然此脚本使用 gulp 4.0.0-alpha.2,但我怀疑该脚本最初是为 3.x 编写的。

我有一个我继承的 gulp 脚本,其中存在以下任务:

(传入.src.dest最初从其他地方检索的值,但似乎没有任何代码修改它们)

app\images文件夹包含一个icons包含多个文件的子文件夹,gulp 脚本的结果是:

  • 4.0.0-alpha.2,这些文件被放置在.dev\images\icons
  • 4.0.2,这些文件被调入.dev\images\app\images\icons

看起来这两个完整路径现在被连接起来,而以前只有来自 glob 的相对路径(即当app\images\**\*.*找到app\images\icons\icon1.png它时返回icons\icon1.png)。

调用base时传入选项src似乎可以解决此问题:

这不能解决传递具有不同基本路径的路径数组的情况,例如:

似乎也有一个更通用的解决方案可用,不需要我更新src, 所以....

如何使用 Gulp 4.0 获得相同的行为,其中只有 glob 或文件名在写入目标时使用?


最小复制gulpfile.js

并且package.json

app\images\android和下有文件app\images\apple(每个2个)

结果gulp@4.0.0-alpha.2(预期/期望):

  • .dev\images\android\1.png
  • .dev\images\android\2.png
  • .dev\images\apple\1.png
  • .dev\images\apple\2.png

结果gulp@v4.0.2(意外):

  • .dev\images\app\images\android\1.png
  • .dev\images\app\images\android\2.png
  • .dev\images\app\images\apple\1.png
  • .dev\images\app\images\apple\2.png
0 投票
3 回答
669 浏览

gulp - 如何在 gulp-4 中添加浏览器同步

//将gulp文件导入变量

// 我的项目文件夹中的文件路径变量

//萨斯任务

//JsTask

//监视任务

//DefaultTask //我不知道如何在 gulp-4 中使用 browser-sync

0 投票
1 回答
3054 浏览

javascript - Gulp 4 监视任务未检测到更改

我正在尝试从 Gulp 版本 3 切换到 Gulp 版本 4,但我经常遇到监视任务问题,当跟踪的 SCSS 文件更改时,它不会检测到更改。我做了一个简单的 watch 函数例子,因为它更容易调试。

我尝试完全删除 gulp 和 gulp-cli 并再次安装,删除 node_modules 文件夹并从头开始创建 package.json 文件,但结果是一样的。“开始‘看’……”没有别的了。

包.json

gulpfile.js

注意:样式任务正常工作并将所有.scss文件从源移动到目标。

我真的很感激任何帮助,因为我的想法已经不多了。

0 投票
1 回答
28 浏览

gulp - Gulp Watch 再次执行所有任务,而不仅仅是那些被更改的任务

当 Gulp Watch 只需要处理已修改的文件时,我遇到了问题

当我开始时,Gulp 会正确执行任务,但是当我进行更改时,Gulp 手表会再次执行所有任务,而不仅仅是那些已更改的任务。我不知道可能是什么问题,你能帮我吗?

0 投票
1 回答
29 浏览

gulp - gulp 4 - 使用监视服务器作业而不是编译器作业

如果您有一个开始和完成的任务,则需要在每次文件更改时运行,这里有很好的记录https://gulpjs.com/docs/en/getting-started/watching-files

但是有没有办法像 nodemon 一样使用 gulp watch?您在哪里让任务运行,然后在监视列表中的文件更改时停止并启动它?

- - 更多的 - -

被要求提供一些例子,所以这里有一些不起作用的例子

问题是我不知道如何设置它,以便在触发手表时停止现有服务器。

---- 示例 #1 - 在进程中运行服务器 -----

---- 示例 #2 - 在自己的进程进程中运行服务器 -----

0 投票
1 回答
737 浏览

terminal - How can I migrate Gulp3 to Gulp4 (gulpfile.js)?

Im having problems to update my gulpfile.js from GULP3 to GULP4 I tried to update with gulp.series() and gulp.parallel() My Gulpfile is like this :

The error I get is Task function must be specified

0 投票
2 回答
443 浏览

typescript - 如何在新的 gulp 任务 api 中使用旧式任务名称?

根据https://gulpjs.com/docs/en/api/task创建任务的新方法不是gulp.task("xyz" ...),而是使用exports.build = build; 这种方法的问题是,我不能再使用旧的任务名称feature:buildfeature:watch因为我只能导出有效的 JS 标识符。

有没有办法用新方法实现这一点?

0 投票
1 回答
394 浏览

javascript - 如何将多个 CommonJS 模块与 Gulp.js 组合在一个 JS 文件中?

我已经将 Gulp.js 用于各种不同的实现,其中一些只是简单地缩小单个 JavaScript 源文件,其中一些是缩小和复制多个文件,而另一些则是使用 browserify 和组合将相互依赖的多个文件合并为一个压缩文件(可选地在其间使用 Babel 进行转译等)。

然而最近,我遇到了一个我从未在我的任何实现中涵盖的独特(对我而言)场景:将多个 CommonJS 模块文件连接到一个缩小的构建文件中。

考虑以下示例:

有一个名为的通用文件common.js,内容如下 -

然后还有另一个(比如说index.js)使用该文件公开的功能之一 -

index.js当我作为条目提供时,有没有办法连接两个文件?如果是 ES6 模块甚至 AMD,我可以使用 browserify。并不是说我尝试过它,但是将它用于永远不会在浏览器中运行的东西听起来很奇怪。

任何帮助表示赞赏。