Articles of gulp

我需要从另一个任务传递一个参数给吞噬任务,或者用runSequence调用的函数replace一个任务

我有大量的文件,我用它来创buildHtml和Js多种考试,Ex1,Ex2等 这是我用来为Ex1创build这些的任务。 它已经对makeEx1Html任务进行了硬编码,还有三个其他的任务,然后是可以传递参数的函数调用: gulp.task('make_prod_ex1', function () { runSequence( 'makeEx1Html', 'makeTemplate', 'rename_bundle_css', 'rename_bundle_js', function () { make_prod_index('ex1'); }); }); 这是为Ex1硬编码的任务: gulp.task('makeEx1Html', function () { return gulp.src(config.srcEx1Html, { base: process.cwd() }) .pipe(print(function (file) { return "Found file " + file; })) .pipe(rename({ basename: 'base' })) .pipe(gulp.dest('./')); }); 这里是我可以传递参数的function: function make_prod_index(name) { return function () { gulp.src('index.html') .pipe(htmlreplace({ […]

gulp-nodemon监视器不起作用

我正在开发一个websocket服务器,我试图用nodemon重新启动服务器,只要我改变它。 不过看起来这不适合我。 gulp.task('startWebsocketServer', function() { return nodemon({ script: './server/websocket/server.js', watch: ['./server/websocket/**/*.js'] }); }); 有没有人有一个想法,我在这里做错了吗? nodemon在版本1.9.2上,nodej在4.2.6上。

Gulp似乎在工作,但构build文件尚未处理

我的问题 我一直在使用gulp作为这个项目的一个任务运行者,我正在研究 – 这是一个简单的网站。 我有一个src目录,在那里我可以完成所有的编码,存储我的所有资源,如脚本,图像,图标等。 到目前为止,gulp一直在做自动前缀和缩小我的CSS文件,它一直在压缩我的图像,缩小JavaScript和我的HTML。 然后将所有内容发送到build目录,这就是我上传到服务器的内容。 一切都一直工作到今天。 问题是,吞咽似乎工作:它在terminal运行良好,它build立一个“build设”的目录,我所有的项目文件和资产都在那里。 然而,似乎没有任何处理发生。 我所试过的 删除构build目录并再次运行gulp:Gulp创build一个新的构build和一切似乎工作,但没有任何文件已被处理。 npm uninstall ,然后, npm install :我想也许有一种可能性,全新的安装我所有的依赖将解决这个问题 – 但没有。 谷歌:显然我试过寻找解决scheme。 问题是我还没有find与我的问题有关的问题(我的appologies,如果有的话)。 在我看来,我的问题实际上源于这个事实,即Gulp悄然失败。 我没有得到任何的错误,但很明显,有些事情是错的。 我的环境btw … 我在Windows 10上运行。没有服务器运行,或者任何持续集成,浏览器刷新,或任何其他自动化任务。 我只是在一个目录中编写代码,Gulp正在处理这些代码和资产,并将其输出到build目录。 我使用的插件是: 一饮而尽,autoprefixer 一饮而尽,htmlmin 一口洁净的CSS 一饮而尽,丑化 一饮而尽,imagemin 吞 – 删除 – HTML的评论 我使用的唯一软件包pipe理器是npm no bower或其他任何东西。 实际的问题 所以,如果不清楚…为什么build设我的项目,但不输出正确的文件? 或者,文件是正确的,但不知何故处理被跳过? 非常感谢! 至于其他信息,我很乐意分享需要的东西。 但没有错误,所以没有日志分享。 这是gulpfile.js var gulp = require('gulp'); var […]

让gulp.js打开非默认浏览器

标题基本概括了所有内容。 我在Windows 10上,我有一个节点的应用程序,我开始与npm start 。 (我对node.js.几乎一无所知)该应用程序在gulp.js上运行。 我需要在Firefox中打开应用程序,即使Chrome是我的默认浏览器。 我怎样才能做到这一点? 这里是现在打开应用程序的代码; 文档没有提及open参数有这样一个选项: gulp.task('webserver', function() { gulp.src('./app') .pipe(webserver({ livereload: true, open: true, defaultFile: 'index.html', port: serverPort })); });

如何使用gulp.js从内存中的string生成一个SCSS文件?

我想生成一个包含来自JSON文件的variables定义的scss文件。 我能够将JSON文件读入包含对象的Javascriptvariables。 var colors = { "primary-color": "#1d1d1b", "secondary-color": "#558ed5", "brand-color-a": "#1d446f", "brand-color-b": "#9b9b99" } 我想从中产生的是一个包含的scss文件 $primary-color: #1d1d1b; $secondary-color: #558ed5; $brand-color-a: #1d446f; $brand-color-c: #9b9b99; 所以我假设我首先需要一个函数来创buildstring: var scssString = ""; function transformJSONtoSCSS(colors) { Object.keys(colors).forEach(function(key) { var value = colors[key]; scssString += "$" + key + ": " + value + ";\n"; } return scssString; }); 我现在需要的是能够将这个string写到一个名为_colors.scss的文件中,我想指定一个目录。 […]

如何在执行上运行gulp任务

我目前只有大量的工作,但需要在任何更新完成之前对文件进行更改。 有没有办法运行构build任务,然后观察变化? 这是我的大嘴文件: var gulp = require('gulp'); var sass = require('gulp-sass'); var browserify = require('browserify'); var babelify = require('babelify'); var source = require('vinyl-source-stream'); var buffer = require('vinyl-buffer'); gulp.task('styles', function() { gulp.src('sass/**/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(gulp.dest('css/')); }); gulp.task('scripts', function() { browserify('js/main.js') .transform(babelify,{presets: ["es2015", "react"]}) .bundle() .pipe(source('bundle.js')) .pipe(gulp.dest('.')) .pipe(buffer()) }); gulp.task('default', function() { gulp.watch('sass/**/*.scss',['styles']); gulp.watch('js/*.js',['scripts']); });

包含所有的.d.ts,但是在gulp.src的glob上排除.ts

背景 在我的Angular2项目上编译我的Typescript文件之后,我将拥有以下目录结构(简化): ├── app │ └── app.module.d.ts │ └── app.module.js │ └── app.module.ts │ └── index.d.ts │ └── index.js │ └── index.ts │ └── sample.component.d.ts │ └── sample.component.js │ └── sample.component.ts │ └── sample.component.html │ └── sample.component.css 问题 使用gulp@3.9.1和gulp.src() ,我怎样才能创build一个glob数组,其中包括app文件夹下的所有文件,但忽略与.d.ts文件对应的.ts文件?

有没有办法阻止elm.init()在榆树elm-stuff和elm-package.json到父目录?

我试图用单片架构来使用gulp–elm 。 我已经设置了我的项目目录与客户端和服务器目录,我已经把我的gulp文件在主目录中。 目录结构非常简单。 project/ gulpfile.js package.json client/ elm-package.json server/ … 当我运行,例如, gulp elm-init与以下任务: // File paths var paths = { dest: 'client/dist', elm: 'client/src/*.elm', static: 'client/src/*.{html,css}' }; // Init Elm gulp.task('elm-init', function(){ return elm.init({ cwd : 'client' }); }); // Compile Elm to HTML /*gulp.task('elm', ['elm-init'], function(){ return gulp.src(paths.elm) .pipe(plumber()) .pipe(elm({ cwd : 'client' […]

docker节点应用程序总是使用nodemon在文件更改上崩溃

我正在使用最新版本的docker和最新的节点映像。 我有一个启动nodemon进程的gulp文件。 我正在使用–inspect标志来表示我想要使用实验性的开发工具debugging器。 但是,当我更改文件时,nodemon会将其选中并重新启动该进程,但会崩溃。 这是我的g task任务: gulp.task('start:dev', done => { let started = false; nodemon({ script: path.join(__dirname, 'index.js'), ext: 'js json', nodeArgs: ['–inspect=0.0.0.0:9229'], watch: path.join(__dirname, 'express'), legacyWatch: true }) .on('start', () => { // to avoid nodemon being started multiple times if (!started) { setTimeout(() => done(), 100); started = true; } }); }); 这里是错误: […]

咕嘟声错误 – 错误:找不到模块'sigmund'

我的Gulp工作正常,直到我安装浏览器同步 npm install browser-sync gulp –save-dev 然后我开始得到这个错误: 错误:找不到模块'lru-cache' 我解决了这个问题: npm link lru-cache从https://github.com/npm/npm/issues/1154回答 但是,现在当我尝试运行gulp我得到这个新的错误: 〜/ Projects / starfeeder❯npm install浏览器同步gulp –save-dev npm WARN弃用minimatch@2.0.10:请更新至minimatch 3.0.2或更高版本以避免RegExp DoS问题npm WARN弃用node-uuid@1.4。 8:改用uuid模块 fsevents@1.1.2 install / Users / leongaban / Projects / starfeeder / node_modules / fsevents节点安装 我gulpfile如果有帮助: "use strict"; const gulp = require('gulp'), _ = require('lodash'), // https://www.npmjs.com/package/lodash del = require('del'), // […]