问题标签 [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.
gulp-watch - 如何创建具有可重用函数的 gulp 文件 - 多个观察点和多个输出目标
目标是使用这个 Gulp 文件来执行“n”个不同的源和目标。
我们如何传递参数(源,目标),以便 CSS 生成器任务接受这些源和目标并给出单独的输出文件。
gulp - Browsersync 不注入 css
在我的一个项目中,我使用 Gulp 和 Browsersync。它运作良好。
我将其复制gulpfile.js
到我的新项目并替换了路径。Browsersync 现在不注入 css。
每次我创建新项目时都会看到这个问题,这与我在另一个项目中使用的相同。 gulpfile.js
每次。只有浏览器同步。为什么?
这两个项目之间的唯一区别是dest
路径:以前的路径是../css
;当前路径:../assets/css
.
我的gulpfile.js
:
gulp - Gulp 4:“您是否忘记在监视任务中发出异步完成信号”
在我的 Gulpfile 中,我遇到了一个问题,控制台中总是会出现错误:
但是,据我所知,我只是定义了一些监视任务,对此没有任何可疑之处。那么 gulp watch 任务的错误在哪里呢?
更新:资产、样式和脚本任务。
这些任务被定义为其他文件中的导出默认函数。在 gulpfile 中,它们将被加载并设置为任务。单独调用这些任务没有问题,它们会正确发出异步完成的信号。包含所有这些任务的默认任务运行良好。就在监视任务开始时它失败了。
gulp.assets.js
gulp.styles.js
gulp.scripts.js
javascript - 有条件地执行任务
我正在创建一个 Gulp 插件,它需要根据插件内部生成的条件有条件地执行任务。
我为实现我所理解的条件执行而实施的当前方法被认为是反模式,这是我想避免的。
关于插件
我正在创建的插件捆绑了类似于 Vue.js 的单个文件组件。插件消化的每个文件都会在传入的文件内容中查找 DOM 元素,并从这里根据遇到的元素应用修改。下面是一个非常小的示例,传入的文件是如何设置和查看的:
你好-world.html
在上面的示例中,插件将仅提取
<template></template>
标签内的内容并为or元素设置条件。style
script
<script> </script>
和标签,它们的<style> </style>
工作方式略有不同。如果您正在运行构建任务,这些标签将被忽略,但如果运行监视任务,它们的内容将与缓存副本进行比较,如果检测到更改,将在插件中设置条件,例如:sfc.bundleScripts = true
或sfc.bundleStyles = true
.
我设计该插件的方式是,您可以在其相关捆绑文件中导入单个文件组件,例如:
样式.scss
脚本.js
这种方法允许我捆绑<script></script>
或<style></style>
标记的内容,就好像它们是.scss
或.js
文件一样。我通过从插件内部调用一个单独的模块来实现这一点,该模块处理从内部检索<style>
or<script>
标记的内容components/hello-world.html
。
假定的反模式
这让我想到了反模式。我目前在这 3 个任务之间建立统一的方式是通过在包括scripts
和styles
任务的系列中运行单个文件组件任务,例如:
在监视模式下运行时,会在其中调用scripts()
和styles()
任务,series()
但仅根据sfc.*
插件中设置的条件执行,这是一个非常粗略的示例:
那么这是可以的还是反模式?
npm - 如何解决 Gulp 4.0 错误?
我正在为 gulp 4.0 设置 gulp.js 文件,但我遇到了很多错误。我是 gulp 4.0 的新手,不熟悉新语法。
我尝试了来自不同站点的许多解决方案,但对我没有用。下面是我的 gulp,js 文件代码。请帮我找出任何错误
预计它会以这种格式工作,因为它适用于许多其他人,但它没有。如果有任何错误,请帮助我。
javascript - 是否可以在 gulp4 gulp.watch 任务中获取文件名?
例如,假设我有这个听众:
和相关的任务:
是否可以获取触发监视事件的当前 .tpl 文件的文件名,如果可以,如何获取?
gulp - 转换为有效的 Gulp 4 文件
我只是在处理一个较旧的项目,但我想使用 Gulp 4。我希望将其转换为有效的 Gulp 4 文件。有人能够帮助或指出我正确的方向吗?
错误:
javascript - Gulp4 手表不跟随文件更改
这是我的gulpfile.js
内容:
当我跑步时gulp watch
,它开始观看,但所做的更改src/style.scss
不会反映。我可以在控制台上看到文件内容的长度,但永远看不到成功!信息。
在这里发布之前,我一遍又一遍地浏览了 Gulp4 文档,检查了很多关于 Gulp Watch 的解决方案,包括这个,但无法找出确切的问题。
非常感谢您对此提供的帮助。提前致谢。
更新
以下代码在 Gulp 上按预期工作3.9.1
但是以下一个不适用于 Gulp4.0.0
环境:
- 操作系统:CentOS Linux 版本 7.6.1810(核心)
- NPM:6.4.1
- 节点:v10.15.1
我是在犯什么愚蠢的错误,还是一个BUG?
wordpress - gulp 4 不更新 CSS 和 JS
我正在为 WordPress 开发自己的主题,我开始了解 Glup 以及它使我的工作流程变得多么容易,我在下面的代码中面临的问题是我能够看到我对主页(html或 php),但我对 css 文件或 java-script 文件所做的任何更改都不会受到影响,我仍然必须手动刷新页面:
deployment - Gulp v4 SFTP 文件部署
目前我正在使用“ vinyl-ftp ”进行部署。但这不适用于 SFTP 连接。你们用什么来与 Gulp 4 进行 SFTP 连接?