Articles of 吞咽

gulp-filter没有正确过滤排除的文件

我正在尝试使用gulpjs而不是grunt作为项目。 我试图在我的代码上运行jsHint时使用gulpfilter忽略供应商库。 我已经从自述文件示例中的代码中取出了代码,但文件没有被过滤。 我正在运行节点0.10.26,吞咽3.8.0和吞咽过滤0.4.1 我试图运行jshint目录wcui/app/js ,其中包含许多其他的JS文件目录,总共约120个js文件。 我只想排除vendor目录。 我的代码如下所示: var gulp = require('gulp'); var gulpFilter = require('gulp-filter'); var jshint = require('gulp-jshint'); var srcs = { scripts: ['wcui/app/js/**/*.js'], styles: ['wcui/app/css/**/*.less','wcui/app/css/**/*.css'] }; var dests = { scripts: 'wcui/static/js/', styles: 'wcui/static/css/' }; gulp.task('scripts', function() { var filter = gulpFilter('!wcui/app/js/vendor'); return gulp.src(srcs.scripts) .pipe(filter) .pipe(jshint()) .pipe(jshint.reporter('jshint-stylish')) .pipe(filter.restore) .pipe(gulp.dest(dests.scripts)); }); gulp.task('styles', function() […]

如何结合吞咽手表和吞咽注射?

我正在尝试使用gulp-watch和gulp-inject构build我的Node Web应用程序。 然而,一旦吞噬手表涉及,似乎涉及吞咽注射的构build步骤将不起作用。 表面watch , 原因在于watchstream不断,注射不知道什么时候开始 。 我的大文件如下所示: var gulp = require('gulp') var inject = require('gulp-inject') var sass = require('gulp-sass') var path = require('path') var bower = require('gulp-bower') var bowerFiles = require('main-bower-files') var react = require('gulp-react') var watch = require('gulp-watch') var plumber = require('gulp-plumber') var bowerDir ='./bower_components/'
 gulp.task('bower',function(){ 返回bower() }) gulp.task('default',function(){ var css = watch('./ […]

用gulp生成文件

我有一个名为setup.js文件,位于我的/src文件夹的各个子文件夹中。 我想要一个setup.js任务将所有setup.js文件复制到/dist文件夹并保留子文件夹结构。 这部分很简单。 棘手的部分是我还想在\dist文件夹中的每个setup.js文件旁边生成一个index.html文件。 除了需要使用相对于/dist文件夹的path引用setup.js脚本之外,index.html文件将完全相同。 我知道我可以使用一些像gulp模板dynamic呈现一个html文件,但我不知道如何将setup.jspathsetup.js给它。 我不知道如何为每个setup.js创build一个index.html 。 所以我要做的结果文件夹结构看起来像这样 /src template.html /blah1 setup.js /blah2 setup.js /dist /blah1 setup.js index.html /blah2 setup.js index.html 任何想法,我将如何做到这一点? 另外如果有人可以链接我一些详细的文档/示例/教程在Gulp可能解释如何去做这样的东西,我将不胜感激。 我还没有find很多很好的文章来解释Gulp幕后发生的事情,而且很难find超出微不足道的范例src | uglify | concat | dest src | uglify | concat | dest src | uglify | concat | dest用例。 谢谢!

与JS / Node SDK的AWS S3同步

Amazon Web Services(AWS)命令行界面(CLI)具有同步命令 。 不幸的是,AWS CLI的同步方法有点麻烦。 我想使用gulp构build过程和Amazon的javascript / node SDK同步到S3。 不幸的是,SDK似乎没有同步方法 – 或者它? 将节点中的整个目录与AWS S3同步的最佳方法是什么?

如何从mocha.opts文件正确地要求模块

我用我的摩卡单位testing使用expect.js库。 目前,我需要在每个文件的第一行上的库,如下所示: var expect = require('expect.js'); describe('something', function () { it('should pass', function () { expect(true).to.be(true); // works }); }); 如果可能的话,我想从每个文件的第一行中删除样板需求代码 ,并让我的unit testing神奇地知道expect 。 我想我可以使用mocha.opts文件来做到这一点: –require ./node_modules/expect.js/index.js 但是现在我运行我的testing时出现以下错误: ReferenceError:expect没有定义 这似乎是有道理的 – 它如何知道在我的testing中expect的引用指的是expect.js库导出的内容? 期望的库肯定会被加载,就像我改变path到不存在的东西那么摩卡说: “错误:找不到模块”./does-not-exist.js“” 有什么办法可以完成我想要的吗? 如果可能有帮助的话,我正在进行一些testing。

Gulp将Node应用程序的dist文件夹部署到Heroku

我对节点,git,github和Heroku来说都是新手,我正在努力找出将我的应用程序发送到Heroku的最佳方式,而不会使用我编译的缩小的应用程序来回放,而且在Heroku中没有太多的工作。 我的node.js项目看起来有点像这样: – client … code – server … code – node_modules – package.json – gulpfile.js – dist – client – server 除了node_modules和dist之外的所有东西都会进入github。 gulp文件编译,缩小和连接准备发布的所有东西。 如何将dist文件夹推送到Heroku,而不将它放到github中? 什么是最佳做法? 我宁愿不把我的大文件发送给Heroku,因为这意味着移动package.json中的devDependencies并使用post更新脚本,因为它将项目与Heroku联系起来比我想要的更多。 不使用post hook的原因在这两个post里总结得很好: https : //stackoverflow.com/a/15050864/344022&https : //stackoverflow.com/a/21056644/344022 ,不幸的是他们没有提供容易理解的select。

使用nodejs gulp在Less中导入.css文件

根据这个问题 ,可以从less于v.1.4.0导入css文件。 我试图使用gulp-less任务,它不工作。 有什么办法可以像这样导入css文件: @import "../spritesheet.css"; 与nodeJS吞咽?

用于语义UI的`gulp build`给出错误'ENOENT:no such file or directory'

版: gulp@3.9.1 我已经通过npm install安装了semantic-ui ,并在交互式设置过程中给出了默认设置。 但是,当我从/semantic文件夹gulp build我得到以下错误: [20:52:27] Starting 'build'… Building Semantic [20:52:27] Starting 'build-javascript'… Building Javascript [20:52:27] Starting 'build-css'… Building CSS [20:52:27] Starting 'build-assets'… Building assets [20:52:28] Created: dist/components/site.js [20:52:28] Created: dist/components/site.min.js [20:52:28] Created: dist/components/form.js [20:52:28] Created: dist/components/form.min.js [20:52:28] Created: dist/components/accordion.js [20:52:28] Created: dist/components/accordion.min.js [20:52:28] Created: dist/components/checkbox.js [20:52:28] Created: dist/components/dimmer.js [20:52:28] Created: dist/components/checkbox.min.js [20:52:28] […]

无法读取未定义的属性“主”

所以我的项目结构是我有一个src和www目录在我的根./ ,其中还包含我的bower.json , gulpfile.js和.bowerrc directory设置为./www/bower/ 。 我在我的./src有一个index.html ,我已经设置了一个吞咽任务,通过wiredeppipe道,并通过wiredep ,在那里凉亭包。 不幸的是,它增加了所有的依赖,就好像它在./src目录中一样,因此所有的依赖都以../www/bower/为前缀,因为最终的index.html最终在www目录中,所以我摆弄了一些wiredepconfiguration选项如下所示: gulp.task('bower', function () { gulp.src('./src/index.html') .pipe(wiredep({ cwd: './www', bowerJson: require('./bower.json'), directory: '../.bowerrc' })) .pipe(gulp.dest('./www')); }); 但是,我得到以下错误: stream.js:94 throw er; // Unhandled stream error in pipe. ^ TypeError: Cannot read property 'main' of undefined at findMainFiles (D:\Dropbox\University\MindFlipDOM\node_modules\wiredep\lib\detect-dependencies.js:53:37) at D:\Dropbox\University\MindFlipDOM\node_modules\wiredep\lib\detect-dependencies.js:111:17 at forOwn (D:\Dropbox\University\MindFlipDOM\node_modules\wiredep\node_modules\lodash\dist\lodash.js:1301:15) at Function.forEach (D:\Dropbox\University\MindFlipDOM\node_modules\wiredep\node_modules\lodash\dist\lodash.js:2595:9) at […]

无法获取/使用gulp-connect-php

我正在使用gulp-connect-php尝试使用BrowserSync在本地运行一个php服务器。 这是我的gulpconfiguration文件: var gulp = require('gulp'), connect = require('gulp-connect-php'), browserSync = require('browser-sync'); gulp.task('connect-sync', function() { connect.server({}, function (){ browserSync({ server: { baseDir: "app" }, // proxy: '127.0.0.1:8000' }); }); gulp.watch('**/*.php').on('change', function () { browserSync.reload(); }); }); gulp.task( 'default', [ 'connect-sync' ] ) 上面的代码在我的应用程序目录中有一个index.html文件,但是当我用一个index.php文件replace它时,我得到以下消息: 不能获取 / 不完全确定我在这里做错了什么?