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

javascript - 具有相同源文件的 Gulp.series 无法正常工作(未等待异步任务)

我有一些使用plop.js修改某个文件的 gulp 任务。如果我自己运行任务,它们就可以正常工作。

现在我有一个包装任务,我在其中提示用户他想要执行哪些任务,然后我想使用gulp.series().

它们都可以工作,但是对于那些需要修改相同源文件的任务,它只会应用第一次修改。似乎任务并没有真正按顺序执行,允许完成第一个更改,然后传递给第二个......

这是一些代码:

如果有人可以在这里给我指点,我会很高兴。我必须更多地处理承诺吗?或者为什么 gulp.series 没有真正在一个系列中做这件事——我的意思是他们自己工作的任务......

提前干杯和感谢

0 投票
1 回答
226 浏览

javascript - 在 Gulp.js 4 函数中为多个文件名创建一个 for 循环

我目前正在尝试每页使用一个 svg sprite,以便它只为每个单独的页面加载必要的 svg。目前正在工作,但我想创建一个数组,以便为​​我想要的 N 个页面调用任务。

我目前在 gulpfile.js(版本 4)中有这个结构:

这个想法是创建一个包含页面名称的数组并执行一个 for 循环:

然后在控制台中只调用任务,但返回只进行一次迭代,有人以前有过吗?

谢谢 !

0 投票
1 回答
133 浏览

gulp-4 - 在临时文件夹中注入文件时自动附加 src 文件夹

我目前正在将 gulp 3.x 迁移到 gulp 4.x,在这个 gulp html 文件中创建一个临时文件夹。在此,会自动更新 src/ 文件夹。

预期结果 .tmp/serve

里面需要以下文件结构。应用程序/index.css index.html

实际结果 1.serve/app/src/app/index.css 2.serve/src/index.html

在这个 src 文件夹中需要删除。我将附上整个 gulp build.js 文件。

});

}));

};

// 仍然注入 GlobalConfig.js(但不是最小化)以允许部署工具在需要时更新现有值

0 投票
1 回答
529 浏览

typescript - 打字稿,@types/gulp gulp 4,浏览器同步

需要帮助设置此 ts 项目。提前致谢。这里可能有类似的问题,但我还找不到 gulpfile.ts 解决方案。

//-- tscongif.json

当我吞下它时。

这是它显示的错误:

[17:17:03] 需要外部模块 ts-node/register

C:\vijay\projects\customDropdown\node_modules\ts-node\src\index.ts:293 return new TSError(diagnosticText, diagnosticCodes) ^ TSError: ⨯ 无法编译 TypeScript:gulpfile.ts:57:7 - 错误 TS2451:无法重新声明块范围变量“build”。

57 const build = gulp.series(gulp.parallel([styles, types], browserSync)); ~~~~~ gulpfile.ts:60:7 - 错误 TS2451:无法重新声明块范围变量“构建”。

60 const build = gulp.series(gulp.parallel(styles, g_ts)) ~~~~~ gulpfile.ts:52:31 - 错误 TS2559:类型 '() => ReadWriteStream' 没有与类型 'WatchOptions 相同的属性'。

52 gulp.watch(paths.style.src, styles, reload) ~~~~~~ gulpfile.ts:53:33 - error TS2559: Type '(done: () => any) => ReadWriteStream' has no properties与“WatchOptions”类型相同。

53 gulp.watch(paths.scripts.src, types, reload) ~~~~~ gulpfile.ts:57:41 - error TS2345: Argument of type '((done: () => any) => ReadWriteStream)[ ]' 不可分配给“任务”类型的参数。类型 '((done: () => any) => ReadWriteStream)[]' 不可分配给类型 'string'。

57 const build = gulp.series(gulp.parallel([styles, types], browserSync)); ~~~~~~~~~~~~~~~

大多数问题都已解决,或者现在只有一个问题。 在此处输入图像描述

错误 TS2345:'(() => ReadWriteStream)[]' 类型的参数不可分配给'Task' 类型的参数。类型 '(() => ReadWriteStream)[]' 不可分配给类型 'string'。

0 投票
1 回答
1888 浏览

javascript - Gulp 4 watch() TypeError:期望一个字符串

我在启动 gulp 时遇到了问题。我得到的信息来自 https://coder-coder.com/gulp-4-walk-through/https://www.youtube.com/watch?v=-lG0kDeuSJk

我的 gulpfile.js

当我在文件夹中启动命令 gulp 时,我收到一条错误消息:

[09:53:25] 'watchTask' 在 1.81 毫秒后出错

[09:53:25] TypeError:期望一个字符串

[09:53:25]“默认”在 721 毫秒后出错

我该如何解决这个问题?它需要字符串,我给它一个字符串喷射它不起作用。我放了

然后我没有收到任何错误,watchTask 启动但没有文件更新,只是沉默哈哈

这是文件夹结构:[链接] https://i.ibb.co/LPYsxWG/brisi.png

有人可以解释一下为什么它不知道它是每个人的项目中的字符串,我必须使用 toString() 将其转换为字符串,以及为什么监视函数 watchTask 无法识别任何更新?提前致谢。

0 投票
1 回答
254 浏览

gulp - 尝试使用 Gulp 启动服务器并抛出错误

我正在尝试运行服务器并收到此断言错误。我已经卸载了节点和 NPM 并再次重新安装,我在这里尝试了许多步骤和建议的解决方案,但它不适合我的问题。

这是我的代码

0 投票
1 回答
286 浏览

javascript - 迁移到 Gulp 4,[不创建脚本和运行服务器。没有错误显示]

我从 gulp 3.9.1 迁移到 4.0.2,解决了需要引入 gulp.series 和 gulp.parallel 的问题。

在我生成的应用程序文件夹中,除了 css 文件之外,我没有看到我的脚本正在生成。

gulpfile.js

gulp-scripts.js

迁移前的 App 文件夹

在此处输入图像描述

迁移后的应用文件夹

在此处输入图像描述

带有 ought 错误的控制台输出

在此处输入图像描述

0 投票
1 回答
310 浏览

gulp-4 - Gulp 4 在开发模式下运行

我将 Gulp3 更改为 Gulp4。在我的 gulpfile.js 中,我创建了一个任务:如果我正在进行修改,我可以在开发模式下立即看到它,而无需构建我的网站:

但是当我运行时gulp serve-php,我的网站没有任何 css 和 js,我不知道如何调整它。

0 投票
1 回答
512 浏览

merge - Gulp 4 ReferenceError:未定义合并

在 VS 2019 中,当我尝试访问Publish文件夹Gulp失败时,ReferenceError: merge is not defined.

gulpfile.js

package.json "devDependencies"

所有 5 个文件都加载到 Dependencies | npm 文件夹。

为什么找不到merge?这种语法是否正确Gulp 4

0 投票
2 回答
3249 浏览

visual-studio-2019 - Visual Studio 2019 任务运行器资源管理器 + Gulp 4

我必须将前端构建过程从 Gulp 3.9.1 迁移到 Gulp 4.0.2。

最新的 Gulp 文档在这里说 gulpfile 可以拆分为多个部分,这些部分放置在以文件和所有其他脚本命名gulpfile.js的文件夹下。index.js

Visual Studio 2019 Task Runner Explorer 是否支持这种配置或需要单个 gulpfile?