Articles of gulp

如何设置翡翠包括与g玉

我目前正在使用gulp-jade,而且我正在努力如何设置Jade,包括在我的gulpfile.js中(澄清,我在这里指的是http://jade-lang.com/reference/includes/ )是我的gulpfile.js中的代码 var gulp = require('gulp'); var browserSync = require('browser-sync'); var sass = require('gulp-sass'); var uglify = require('gulp-uglify'); var jade = require('gulp-jade'); var jshint = require('gulp-jshint'); var fileinclude = require('gulp-file-include'); var reload = browserSync.reload; //compile jade to html gulp.task('templates', function() { var YOUR_LOCALS = {}; gulp.src('./app/jade/*.jade') .pipe(jade({ locals: YOUR_LOCALS })) .pipe(gulp.dest('./dist/')) }); //reload files, once […]

直接stream到gulp.dest

我想使npm模块返回stream,然后gulp.dest到一些其他的应用程序gulp.dest 。 例: // some-module.js module.exports = function() { return require('fs').createReadStream('someFile.txt'); } // gulpfile.js gulp.task('default', function() { var myModule = require('./some-module'); myModule().pipe(gulp.dest('./')); }); 不幸的是这个代码我得到了: path.js:313 throw new TypeError('Arguments to path.resolve must be strings'); ^ TypeError: Arguments to path.resolve must be strings 它以这种方式工作 // gulpfile.js gulp.task('default', function() { var myModule = require('./some-module'); var fs = require('fs'); […]

在后期制作中与Visual Studio的运行结果不一致

我正在运行gulp 3.9.0并从Visual Studio 2013中调用一些gulp命令。stream程是这样的,每当我在VS中生成,gulp应该清理我的临时文件和输出文件,然后在成功构build之后,将我的javascript资源编译为一个文件。 问题是,我注意到,在运行“gulp build”之后,有时我的资产根本不会生成。 这甚至发生在命令行上。 运行“gulp clean”(删除输出)之后,我必须运行“gulp build”两次,才能看到输出的具体化。 就好像吞了一口气一样。 不知道这是否是在Windows上运行的节点的问题,或者如果我错误地configuration了某些东西。 请注意,VS负责将所有TypeScript文件编译到\ output文件夹中的单个.js文件中。 先进的道歉,如果有更好的办法做我想做的事情。 仍然是一个吞咽/节点的新手。 VS预build: gulp clean VS后生成: gulp build gulpfile.js: var gulp = require('gulp'); var del = require('del'); var concat = require('gulp-concat'); var ngAnnotate = require('gulp-ng-annotate'); var uglify = require('gulp-uglify'); var templateCache = require('gulp-angular-templatecache'); var concatCss = require('gulp-concat-css'); var minifyCss = require('gulp-minify-css'); […]

为什么要在服务器上创build一个MEAN应用程序?

我的问题更多的是战略方面而不是实际执行。 基本上我想知道为什么我们要在服务器上构build我们的MEAN应用程序? 而构build我的意思是获取组件(npm安装&& bower安装),并做所有concat和缩小的东西。 我试图创build我的构build系统,直到现在我一直在使用John Papa构build系统的版本,但是我的构build在服务器上花费的时间越来越长。 那么在本地构build所有东西并将其部署到服务器是不是有意义? 还是我错过了什么? 谢谢

gulp-eslint在控制台上不显示任何错误

我已经定义了这样一个吞咽任务 var lint = require('gulp-eslint'); gulp.task('lint', function() { return gulp.src(config.paths.js) .pipe(lint({config: 'eslint.config.json'})) .pipe(lint.format()); }); 和这样的js文件 $ = jQuery = require('jquery'); var App = console.log('hello from browserfiy'); module.exports = App; 当我编辑我的js文件通过添加var test = 15; var test = 20; var test = 15; var test = 20; 并保存,林特并没有显示任何错误消息在控制台上,虽然从控制台我可以看到林特被踢入像 Starting 'lint'… Finished 'lint' 29ms eslint.config.json { "ecmaFeatures": { […]

Gulp:使用**观察所有子目录

在networking驱动器上设置监视时,我无法使用**查找所有子目录。 我得到的错误已经被报告,据我所知,这是一个已知的问题,但尚未解决的Gulp问题。 我使用的代码是非常基本的,只是为了testing手表是否正在工作: gulp.task('watch', function(){ var watcher = gulp.watch('**/*.js'); watcher.on('change', function(event){ console.log('File: ' + event.path + ' changed'); }); }); 我的问题是,因为我不能在networking驱动器上工作,是否有一个替代scheme可以让Gulp检查手表上的所有子目录? 任何帮助深表感谢。

使用gulp压扁父目录,但不能使用子目录

我组织了我的代码,以便在文件夹名称(如_DIRECTIVE上包含一些关键字。 我的意图是用gulp.src("**/*_DIRECTIVE/**/*")来编写一个能识别文件夹命名模式的gulp.src("**/*_DIRECTIVE/**/*")任务。 我想复制包含_DIRECTVE关键字的所有文件夹(及其子文件夹),并将它们放在单独的文件夹中。 我有一个文件夹结构,看起来像 src |-folder-name_1_DIRECTVE/ | |-subfolder/ | | |-subsubfolder/ | | |-file.js | | | |-file.js | |-folder/ | |-folder-name_2_DIRECTVE/ | |-subfolder/ | | |-subsubfolder/ | | |-file.js | | | |-file.js | | |-folder/ |-subfolderfolder/ |-folder-name_3_DIRECTVE/ |-subfolder/ | |-subsubfolder/ | |-file.js | |-file.js 使用gulp我想要输出 output |-folder-name_1_DIRECTVE/ | |-subfolder/ | | |-subsubfolder/ | […]

尝试运行一个例子吞噬的问题 – “inheritance`的超级构造函数不能为空或未定义。

我正在尝试运行一个示例 ,但是当我尝试吞咽时出现以下错误。 我对节点很新,所以任何方向或帮助将非常感激。 安装似乎没有任何问题。 $ nvm exec 4.2.2 gulp Running node v4.2.2 (npm v2.14.7) util.js:756 throw new TypeError('The super constructor to `inherits` must not ' + ^ TypeError: The super constructor to `inherits` must not be null or undefined. at Object.exports.inherits (util.js:756:11) at Object.<anonymous> ([working directory path]/node_modules/browser-sync/node_modules/http-proxy/lib/http-proxy/index.js:108:17) at Module._compile (module.js:435:26) at Object.Module._extensions..js (module.js:442:10) at Module.load […]

在TFS Build Server上使用TFS Build 2015安装Node,Bower和Bower组件

作为我们TFS构build过程的一部分,我们必须安装节点组件,包括bower和运行bower以获得所需的客户端库。 然后,我们必须运行一大堆其他任务。 但是,当我尝试安装凉亭,然后执行凉亭安装作为后生成事件或Gulp任务,我得到错误 ##[error]call npm install ##[error]call npm install bower ##[error]call bower install ##[error]call gulp" 错误:无法安装! bower似乎并没有安装。 我们使用服务帐户部署到我们的TFS构build服务器。 我们无法使用服务帐户login到服务器。

我怎样才能得到browserify的“捆绑”function发出结束事件?

说我有一些相对普通的browserify脚手架打算用于吞咽: var browserSync = require('browser-sync').create(); var browserify = require('browserify'); var gutil = require('gulp-util'); var exorcist = require('exorcist'); var bundler = browserify('app.jsx', { debug: false, extensions: ['.jsx'], cache: {}, packageCache: {} }); function bundle() { return bundler.bundle() .on('error', function(err) { gutil.log(err.message); browserSync.notify('Browserify error!'); this.emit('end'); }) .pipe(source('app.js')) .pipe(transform(function () { return exorcist('public/js/app.js.map'); })) .pipe(gulp.dest('public/js')) .pipe(browserSync.stream({ once: true […]