Tag: gulp

尝试运行一个例子吞噬的问题 – “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 […]

我需要从另一个任务传递一个参数给吞噬任务,或者用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文件?