Tag: gulp

Express和BrowserSync没有吞咽?

我正在开发一个快速应用程序。 我只使用browserSync观看静态文件,但现在,我想要做一个快速的应用程序相同。 我看到很多使用Gulp的例子。 但是我想知道是否有任何解决scheme只能用npm脚本来pipe理? (和nodemon?) 我目前的脚本: "scripts": { "start": "npm run start-server & npm run watch-js", "build-js": "browserify -t babelify -t aliasify -t partialify src/ | uglifyjs > public/app.js", "start-server": "browser-sync start –server 'public/' –files 'public/' –port 9000 –no-ui", "watch-js": "watchify -vd -t babelify -t aliasify -t partialify src/ -o public/app.js", },

如何使用磁带吞咽?

我正在尝试将Gulp和Tape( https://github.com/substack/tape ),NodeJstesting工具整合在一起。 我怎样才能做到这一点? 似乎没有一个现有的gulp插件。 我已经看到了,但是看起来真的很不雅: var shell = require('gulp-shell') gulp.task('exec-tests', shell.task([ 'tape test/* | faucet', ])); gulp.task('autotest', ['exec-tests'], function() { gulp.watch(['app/**/*.js', 'test/**/*.js'], ['exec-tests']); }); 我试过这个,看起来应该是这样的: var tape = require('tape'); var spec = require('tap-spec'); gulp.task('test', function() { return gulp.src(paths.serverTests, { read: false }) .pipe(tape.createStream()) .pipe(spec()) .pipe(process.stdout); }); 但我得到一个TypeError: Invalid non-string/buffer chunk错误

如何在共享主机上安装没有npm的gulp?

在我的共享主机上,我希望能够使用gulp( gulp watch )将我的LESS资产编译到CSS中。 要安装gulp我也必须安装npm。 不幸的是托pipepipe理员拒绝安装npm。 有没有其他的方式来在我的服务器上运行gulp ? 我的gulpfile.js如下所示: var gulp = require('gulp'), connect = require('gulp-connect'), less = require('gulp-less'); gulp.task('webserver', function() { connect.server({ livereload: true }); }); gulp.task('less', function() { gulp.src('assets/less/app.less') .pipe(less()) .on('error', console.log.bind(console)) .pipe(gulp.dest('css')) .pipe(connect.reload()); }); gulp.task('fonts', function() { gulp.src([ 'bower_components/bootstrap/fonts/*', 'bower_components/fontawesome/fonts/*' ]) .pipe(gulp.dest('fonts')); }); gulp.task('watch', function() { gulp.watch('assets/less/*.less', ['less']); }); gulp.task('default', ['webserver', 'less', […]

在产生subprocess时pipe理Gulp依赖关系

我有一个产生一个jekyll孩子过程的吞咽任务。 它将我的标记编译到_site中的html文件中。 我有另一个任务,这个任务作为一个依赖,因为它执行生成的HTML的一些后处理。 然而,它触发得太早 – 因为看起来subprocess并不影响依赖pipe理 我如何确保html始终在jekyll之后运行 – 最好不要使用: jekyll.on('exit', function (code, signal) { gulp.run('html'); }); 任务: gulp.task('jekyll', ['scripts', 'styles'], function () { var spawn = require('child_process').spawn; var jekyll = spawn('jekyll', ['build', '–config', 'app/markdown/_config.yml', '–trace'], {stdio: 'inherit'}); }); gulp.task('html', ['jekyll'] function () { return gulp.src('_site/*.html') .pipe($.useref.assets()) });

gulp.js – 如何将多个stream返回到主stream?

我想启动一个gulp.srcstream,把它传递给一个创build一堆新stream的函数,然后把这些stream的结果传给gulp.dest 。 下面是我到目前为止,但显然不工作,因为我正在pipestream回到gulp.dest ,因为它期待一个文件,而不是一个stream。 所以我的问题是:如何正确地将n个stream返回到gulp的原始stream,以便它们可以继续适当的下降pipe道? //gulpfile.js var gulp = require('gulp'), bundle = require('./lib/bundle.js'); gulp.task('bundle', function() { return gulp.src('./bundle.config.js') .pipe(bundle()) .pipe(gulp.dest('./public')); }); – //bundle.config.js module.exports = { bundle: { main: { js: [ './content/js/foo.js', './content/js/baz.js' ], css: [ './content/**/*.css' ], resources: './content/**/*.{png,svg}' }, other: { js: './content/js/other.js', css: '', resources: '' } } }; – //bundle.js […]

加载文件后运行gulp任务

我试图复制,连接和缩小特定的JavaScript文件到dist bower_components目录使用清单JSON文件,以保持清洁。 我想在一个单独的任务中运行concat和uglify,但是加载文件的延迟意味着任何依赖任务在完成之前运行。 // editorial tools gulp file var gulp = require("gulp"); var path = require("path"), argv = require("yargs").argv, fs = require("fs"), runSequence = require("run-sequence"); // load plugins var $ = require("gulp-load-plugins")({ lazy: false }); gulp.task("other-task", ["read-manifest"], function () { // something else before read-manifest… }); gulp.task("read-manifest", function () { var cwd = process.cwd(); // […]

如何在文件更改时重新启动节点服务器

我正在开发一个节点/快递应用程序 $> ./node_modules/babel/bin/babel-node.js index.js 现在我想重新加载应用程序,如果我改变index.js或任何其他依赖项。 我怎样才能做到这一点。 我想我必须使用这个gulp ,但仍然我想有一些build议如何做到这一点(哪些模块使用ect) 更新:我刚刚与supervisor进行了testing,但当更改时,出现以下错误: $> /node_modules/.bin/supervisor –exec ./node_modules/babel/bin/babel-node.js index.js crashing child Starting child process with './node_modules/babel/bin/babel-node.js index.js' events.js:85 throw er; // Unhandled 'error' event ^ Error: listen EADDRINUSE at exports._errnoException (util.js:746:11) at Server._listen2 (net.js:1146:14) at listen (net.js:1172:10) at Server.listen (net.js:1257:5) 更新:我只是尝试nodemon但我得到的supervisor相同的错误: $> nodemon –exec ./node_modules/babel/bin/babel-node.js index.js –watch libs … 22 […]

Gulp.js – 观察并编译swig.js模板文件

我被困在看着我的Swig.js html模板并在每次更改时编译它们的问题,我使用了Gulp.js任务运行器。 这是我的gulpfile.js : var gulp = require('gulp'); var myth = require('gulp-myth'); var swig = require('gulp-swig'); var nodemon = require('gulp-nodemon'); gulp.task('styles', function () { gulp.src('./myth/*.css') .pipe(myth()) .pipe(gulp.dest('./client/css')); }); gulp.task('templates', function () { gulp.src('./views/*.html') .pipe(swig({ load_json: true })) .pipe(gulp.dest('./client')); }); gulp.task('server', function () { gulp.run('styles'); gulp.run('templates'); gulp.src('./server.js').pipe(nodemon()); gulp.watch('./myth/*.css', function () { gulp.run('styles'); }); gulp.watch('./views/*.html', function () […]

不能在string上创build属性“标记”

我是Gulp新手。 我有两个任务: gulp.task('jadehtml', function() { var YOUR_LOCALS = {}; gulp.src('source/jade/*.jade') .pipe(jade({ locals: YOUR_LOCALS, pretty: true })) .pipe(gulp.dest('build')) }); // End Gulp Jade // default task // sass gulp.task('sass', function () { return gulp.src('source/scss/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(gulp.dest('build/css')); }); 现在他们单独运行时工作得很好。 但是,当我使用gulp.watch()命令他们给我一个错误。 这是我的watch任务: gulp.task('watch', function() { gulp.watch('source/jade/*.jade', 'jadehtml'); gulp.watch('source/scss/*.scss', 'sass'); }); 这是错误的:

WebStorm中的Gulp错误:无法列出吞咽任务

我的WebStorm已经停止读取并运行吞噬任务。 直到上个星期五,它工作正常。 这是在控制台中显示的错误: 无法列出有问题的gulp任务/ gulpfile.js:无法parsingJSON – >未终止的数组在第1行第5列path$ [1] *编辑设置 $ / usr / local / bin / node /Users/rkon2006/Projects/My/questionary/node_modules/gulp/bin/gulp.js –no-color –gulpfile / Users / rkon2006 / Projects / My / questionary / gulpfile。 js –tasks-json [17:26:14]使用gulpfile〜/ Projects / My / questionary / gulpfile.js [17:26:14]启动'default'…默认任务… 这是我的gulpfile.js代码(即使使用此代码也不会启动): var gulp = require('gulp'); gulp.task('default', function () { console.log('Default task…'); […]