问题标签 [gulp-task]

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

visual-studio-2015 - gulp:构建代码并在浏览器中启动它

所以我想elm为一个网络项目使用语言,我需要这个项目,visual studio 2015我正在使用 gulp。我的问题是我不知道如何创建一个gulp task构建代码并在浏览器中启动它的代码。这是我到目前为止所做的:

gulpfile.js:

connect任务不会在浏览器中打开站点。那么,如何实现呢?我想通过单击一个任务(从 Visual Studio 中的任务资源管理器窗口)启动该站点,然后单击开始,它应该编译代码并启动。

谢谢

0 投票
1 回答
327 浏览

gulp - failAfterError gulpEslint

您好,我有以下 gulp 任务对解决方案进行 linting 并在 linting 过程中出现任何错误后失败,我希望它因文本而失败,而不仅仅是在一堆中摔倒,我不知道如何实现这一点。任何帮助,将不胜感激。

目前(显然)我得到的只是:

0 投票
0 回答
90 浏览

javascript - 查看保存在文件夹中的所有文件并通过 gulp 更改另一个文件

js我的基本要求是查找对,文件夹中的任何文件所做的更改css并更新 JSON 文件。


目录结构:

  • html
    • css
      • x.css
      • y.css
    • js
      • 一个.js
      • b.js
      • c.js
    • 服务器
      • 版本.json

versions.json

js当我对文件夹和文件夹中的任何文件进行任何更改时css,我希望 gulp 返回已保存文件的名称并查找密钥versions.json并将其值增加1ie 如果我保存a.js,那么它应该更新值 "a.js"在. versions.json_2


这是我所做的:

插件:gulp-修改

变量dirfilename需要具有文件夹的值和更改文件的名称。

对此或什至另一种方法的任何改进都很好

0 投票
1 回答
339 浏览

javascript - 如何在 gulp 任务中使用 gulp-defer?

我遇到了在加载页面内容之前加载 javascript 的问题,因此决定在我的 gulptask 中使用 gulp-defer 包。

这是代码

我从 gulp-defer package.actually 我无法理解它是如何处理的。请任何人解释延迟在 gulp 任务中是如何工作的。提前致谢!!

0 投票
1 回答
366 浏览

module - 模块化应用程序的动态 gulp.dest 路径

我正在尝试为模块化应用程序设置 gulp。在我的公用文件夹中,我有模块,每个模块都有自己的src/sassdist/css文件夹。我想将 sass 文件转换并传输src/sass到它们各自的dist/css文件夹。src/sass在like下也可能有更多文件夹src/sass/adminsrc/sass/user其中包含 .scss。这些文件夹结构也应该dist/css像这样复制:dist/css/admindist/css/user. 这些附加文件夹取决于模块。

问题是可以删除和添加模块,所以我不想直接在gulp.dest路径中引用模块名称。我需要它是动态的,具体取决于gulp.src路径。

假设我有一个如下所示的文件夹结构。

这是我尝试过的 gulp 任务。

1.使用path.join

2.使用重命名

我不确定要写什么而不是“???”。我已经尝试了多种变体'../../../dist/css',这一切似乎都在尝试将我的 css 文件传输到类似的东西,public/Modules/Module1/dist/css/Module1/src/sass或者dist/public/...到目前为止没有任何效果。

在发布此内容之前,我已经检查过 StackOverflow,但我找不到我需要的确切内容。

谢谢您的帮助!

0 投票
1 回答
738 浏览

css - 使用 gulp 通过类将多个文件 css 合并为一个文件

合并 CSS 文件

大家好,我正在处理一个 React 项目,我使用 sass 来处理样式,我有几个 scss 文件,我使用它们对它们进行分组gulp,我gulp-sass用来生成 css 并gulp-merge-css加入它们,但它们是连接的,而不是组合的。

这是一个例子

在一个文件中

在另一个文件中

这些文件应该去

但它并没有发生,只有内容合并而不合并,结果是

有什么办法可以做我想做的事吗?

我的吞咽任务是:

0 投票
1 回答
999 浏览

msbuild - gulp 任务运行程序 msbuild 失败,但在 cmd 中工作

我有一个设置 Gulp 任务运行程序的项目。在 VS2015 中一切正常,但是当我升级到 VS2017 时,MSBuild 开始失败。

有趣的是,如果我复制显然失败的命令行并将其粘贴到 cmd 中,那么它工作得非常好。

我收到以下错误:

如果我复制说明为失败的命令行并在 CMD 中运行它,它就可以工作。我已经尝试了以下修复,但没有任何运气。

失败的 gulp 任务如下所示:

帮助将不胜感激,因为我真的很想使用 VS2017 而不是 2015。

0 投票
1 回答
519 浏览

node.js - Gulp watch 回调任务未触发

我正在尝试设置一个 gulp-watch,它会在某些文件更改时触发 gulp 任务。为此,我使用以下代码:

每当文件更改时,我希望“FilesChanged”任务会触发并且我会在控制台中看到“文件已更改:”文本。这不会发生。

当我将 watchChanges 任务更改为此:

谁能解释为什么第一段代码不能正确执行?

0 投票
0 回答
74 浏览

gulp - 带参数的 Gulp 任务(循环调用和另一个参数)

我想用不同的参数或改变的数据调用 gulp 任务。例如:我有列表(名称)。我需要使用 list[index] 项通过轮换来重复(数组长度)调用任务。就像是:

0 投票
0 回答
148 浏览

javascript - 如何为多级文件夹结构设置 Gulp 任务

文件夹结构

有关文件夹结构,请参阅下面的两张图片。

https://i.stack.imgur.com/5aEzi.png | https://i.stack.imgur.com/Hsapz.png

我们如何在根 gulfile.js 中编写任务(无需为每个单独的文件夹创建 gulpfile.js)来为这种文件结构缩小 CSS 和 JS?此外,它应该只将文件的缩小版本存储到相应的文件夹中。例如,如果我在 page3 CSS 和 JS 文件中进行更改,它应该将缩小的 CSS 存储在 /page3/css/page3.min.css 中,并且应该将缩小的 JS 存储在 /page3/js/page3 中。 min.js。

同样,我只是想知道是否可以设置手表,例如,如果您在 page2 CSS 和 JS 中进行更改,它会检测到这一点,并在保存文件后仅将缩小版本存储在各自的文件夹中。

我仍在学习 gulp 并试图解决这个问题,但我做不到。

展望未来,文件夹结构可能会更深一层。就像 page3 有它的子页面,而那个子页面有它自己的 CSS 和 JS 文件夹。如果这也可以作为这个答案的一部分来涵盖,那就太好了。

任何帮助将不胜感激。

预先感谢。