问题标签 [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.
npm - Sass 的 Gulp 任务不会创建 CSS 文件
我是初学者,已经完成了我的 HTML 和 CSS。对于 Sass,我正在尝试设置开发环境,出于某种原因 gulpfile.js 代码似乎没问题,但是当任务运行时,(gulp style)
它不会输出 CSS 文件。命令行上也没有错误。
我已经安装了 gulp、gulp cli、gulp-sass 和 browser-sync
她是我的代码:
该项目的文件夹结构如下所述:
gulp - Gulp 4 - 如何基于两个数组生成动态任务
我正在使用 nunjucks 和 json 翻译文件构建一个电子邮件生成管道(多个模板)。这意味着我需要遍历多个模板和翻译文件,但是我似乎无法让它工作。
尝试在 templates.map() 中添加另一个循环,但这似乎不起作用(或者我做错了当然)。它几乎可以工作,但在某些时候会崩溃,只生成几个模板。第一个模板有效,但在第二个模板处崩溃:
来源:https ://cobwwweb.com/dynamic-tasks-gulp-4
我也尝试使用 2 个 for 循环生成任务,但这只会生成数组中最后一种语言的数组的最后一个模板(例如:只有 en/template2 会正确生成)。我确实在控制台中看到任务正在开始和完成,但我在任何地方都看不到它们。也许循环完成的速度比任务的生成快?:
我的文件夹结构:
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
)。
这不能解决传递具有不同基本路径的路径数组的情况,例如:
似乎也有一个更通用的解决方案可用,不需要我更新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
gulp - 如何在 gulp-4 中添加浏览器同步
//将gulp文件导入变量
// 我的项目文件夹中的文件路径变量
//萨斯任务
//JsTask
//监视任务
//DefaultTask //我不知道如何在 gulp-4 中使用 browser-sync
javascript - Gulp 4 监视任务未检测到更改
我正在尝试从 Gulp 版本 3 切换到 Gulp 版本 4,但我经常遇到监视任务问题,当跟踪的 SCSS 文件更改时,它不会检测到更改。我做了一个简单的 watch 函数例子,因为它更容易调试。
我尝试完全删除 gulp 和 gulp-cli 并再次安装,删除 node_modules 文件夹并从头开始创建 package.json 文件,但结果是一样的。“开始‘看’……”没有别的了。
包.json
gulpfile.js
注意:样式任务正常工作并将所有.scss
文件从源移动到目标。
我真的很感激任何帮助,因为我的想法已经不多了。
gulp - Gulp Watch 再次执行所有任务,而不仅仅是那些被更改的任务
当 Gulp Watch 只需要处理已修改的文件时,我遇到了问题
当我开始时,Gulp 会正确执行任务,但是当我进行更改时,Gulp 手表会再次执行所有任务,而不仅仅是那些已更改的任务。我不知道可能是什么问题,你能帮我吗?
gulp - gulp 4 - 使用监视服务器作业而不是编译器作业
如果您有一个开始和完成的任务,则需要在每次文件更改时运行,这里有很好的记录https://gulpjs.com/docs/en/getting-started/watching-files
但是有没有办法像 nodemon 一样使用 gulp watch?您在哪里让任务运行,然后在监视列表中的文件更改时停止并启动它?
- - 更多的 - -
被要求提供一些例子,所以这里有一些不起作用的例子
问题是我不知道如何设置它,以便在触发手表时停止现有服务器。
---- 示例 #1 - 在进程中运行服务器 -----
---- 示例 #2 - 在自己的进程进程中运行服务器 -----
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
typescript - 如何在新的 gulp 任务 api 中使用旧式任务名称?
根据https://gulpjs.com/docs/en/api/task创建任务的新方法不是gulp.task("xyz" ...)
,而是使用exports.build = build;
这种方法的问题是,我不能再使用旧的任务名称feature:build
,feature:watch
因为我只能导出有效的 JS 标识符。
有没有办法用新方法实现这一点?
javascript - 如何将多个 CommonJS 模块与 Gulp.js 组合在一个 JS 文件中?
我已经将 Gulp.js 用于各种不同的实现,其中一些只是简单地缩小单个 JavaScript 源文件,其中一些是缩小和复制多个文件,而另一些则是使用 browserify 和组合将相互依赖的多个文件合并为一个压缩文件(可选地在其间使用 Babel 进行转译等)。
然而最近,我遇到了一个我从未在我的任何实现中涵盖的独特(对我而言)场景:将多个 CommonJS 模块文件连接到一个缩小的构建文件中。
考虑以下示例:
有一个名为的通用文件common.js
,内容如下 -
然后还有另一个(比如说index.js
)使用该文件公开的功能之一 -
index.js
当我作为条目提供时,有没有办法连接两个文件?如果是 ES6 模块甚至 AMD,我可以使用 browserify。并不是说我尝试过它,但是将它用于永远不会在浏览器中运行的东西听起来很奇怪。
任何帮助表示赞赏。