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…'); […]