问题标签 [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.
visual-studio-2015 - gulp:构建代码并在浏览器中启动它
所以我想elm
为一个网络项目使用语言,我需要这个项目,visual studio 2015
我正在使用 gulp。我的问题是我不知道如何创建一个gulp task
构建代码并在浏览器中启动它的代码。这是我到目前为止所做的:
gulpfile.js:
该connect
任务不会在浏览器中打开站点。那么,如何实现呢?我想通过单击一个任务(从 Visual Studio 中的任务资源管理器窗口)启动该站点,然后单击开始,它应该编译代码并启动。
谢谢
gulp - failAfterError gulpEslint
您好,我有以下 gulp 任务对解决方案进行 linting 并在 linting 过程中出现任何错误后失败,我希望它因文本而失败,而不仅仅是在一堆中摔倒,我不知道如何实现这一点。任何帮助,将不胜感激。
目前(显然)我得到的只是:
javascript - 查看保存在文件夹中的所有文件并通过 gulp 更改另一个文件
js
我的基本要求是查找对,文件夹中的任何文件所做的更改css
并更新 JSON 文件。
目录结构:
- html
- css
- x.css
- y.css
- js
- 一个.js
- b.js
- c.js
- 服务器
- 版本.json
- css
versions.json
:
js
当我对文件夹和文件夹中的任何文件进行任何更改时css
,我希望 gulp 返回已保存文件的名称并查找密钥versions.json
并将其值增加1
ie 如果我保存a.js
,那么它应该只更新值 "a.js"
在. versions.json
_2
这是我所做的:
插件:gulp-修改
变量dir
和filename
需要具有文件夹的值和更改文件的名称。
对此或什至另一种方法的任何改进都很好
javascript - 如何在 gulp 任务中使用 gulp-defer?
我遇到了在加载页面内容之前加载 javascript 的问题,因此决定在我的 gulptask 中使用 gulp-defer 包。
这是代码
我从 gulp-defer package.actually 我无法理解它是如何处理的。请任何人解释延迟在 gulp 任务中是如何工作的。提前致谢!!
module - 模块化应用程序的动态 gulp.dest 路径
我正在尝试为模块化应用程序设置 gulp。在我的公用文件夹中,我有模块,每个模块都有自己的src/sass
和dist/css
文件夹。我想将 sass 文件转换并传输src/sass
到它们各自的dist/css
文件夹。src/sass
在like下也可能有更多文件夹src/sass/admin
,src/sass/user
其中包含 .scss。这些文件夹结构也应该dist/css
像这样复制:dist/css/admin
和dist/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,但我找不到我需要的确切内容。
谢谢您的帮助!
css - 使用 gulp 通过类将多个文件 css 合并为一个文件
合并 CSS 文件
大家好,我正在处理一个 React 项目,我使用 sass 来处理样式,我有几个 scss 文件,我使用它们对它们进行分组gulp
,我gulp-sass
用来生成 css 并gulp-merge-css
加入它们,但它们是连接的,而不是组合的。
这是一个例子
在一个文件中
在另一个文件中
这些文件应该去
但它并没有发生,只有内容合并而不合并,结果是
有什么办法可以做我想做的事吗?
我的吞咽任务是:
msbuild - gulp 任务运行程序 msbuild 失败,但在 cmd 中工作
我有一个设置 Gulp 任务运行程序的项目。在 VS2015 中一切正常,但是当我升级到 VS2017 时,MSBuild 开始失败。
有趣的是,如果我复制显然失败的命令行并将其粘贴到 cmd 中,那么它工作得非常好。
我收到以下错误:
如果我复制说明为失败的命令行并在 CMD 中运行它,它就可以工作。我已经尝试了以下修复,但没有任何运气。
失败的 gulp 任务如下所示:
帮助将不胜感激,因为我真的很想使用 VS2017 而不是 2015。
node.js - Gulp watch 回调任务未触发
我正在尝试设置一个 gulp-watch,它会在某些文件更改时触发 gulp 任务。为此,我使用以下代码:
每当文件更改时,我希望“FilesChanged”任务会触发并且我会在控制台中看到“文件已更改:”文本。这不会发生。
当我将 watchChanges 任务更改为此:
谁能解释为什么第一段代码不能正确执行?
gulp - 带参数的 Gulp 任务(循环调用和另一个参数)
我想用不同的参数或改变的数据调用 gulp 任务。例如:我有列表(名称)。我需要使用 list[index] 项通过轮换来重复(数组长度)调用任务。就像是:
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 文件夹。如果这也可以作为这个答案的一部分来涵盖,那就太好了。
任何帮助将不胜感激。
预先感谢。