Articles of 吞噬

如何在Windows IIS或Linux服务器上运行gulp项目进行生产?

如何在Windows IIS上部署我的代码。 我用什么库在生产环境中运行我的项目? 什么命令我运行生产。 我是AngularJS新手,我正在使用gulp项目。 任何人都可以帮我吗? 这里是我的gulp文件,我想在Windows IIS或其他Linux服务器上部署此代码。 我的代码毁于3000端口命令:gulp服务 'use strict'; // —————————————————————————– // Dependencies // —————————————————————————– var gulp = require('gulp'); var watch = require('gulp-watch'); var sass = require('gulp-sass'); var browserSync = require('browser-sync'); var runSequence = require('run-sequence'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify') var reload = browserSync.reload; // —————————————————————————– // SASS // —————————————————————————– […]

如何运行bower init到gulpfile?

我刚刚使用了gulp-bower插件在我的slush生成器中运行bower init。 bower = require('gulp-bower'); gulp.task('bower', function() { return bower({cmd: 'init'}); }); 但它给了我一个错误:注册需要一个交互式shell。

gulp.src()不需要读取JSON文件的数组值

我试图让gulp.src()从一个数组中stream式传输文件,所以我可以使用gulp-inject将它们写到我的index.html文件中。 下面列出的是我的gulp.config.json文件,它将保存包含在我的项目中的包的文件path。 { "vendorjs": [ "jquery/dist/jquery.min.js", "angular/angular.js", "ng-token-auth/dist/ng-token-auth.js", "angular-bootstrap/ui-bootstrap-tpls.min.js", "ngInfiniteScroll/build/ng-infinite-scroll.min.js", "js/vendor/angular-ui-tour.js", "spin.js/spin.js", "angular-spinner/angular-spinner.min.js", "angular-scroll/angular-scroll.js" ], "js": [ "js/app.js", "js/directives.js", "js/services.js", "js/filters.js" ] } 我的gulpfile.js看起来像这样用于debugging目的 Gulpfile.js var gulp = require('gulp'), inject = require('gulp-inject'), paths = require('./gulp.config.json'), debug = require('gulp-debug'); gulp.task('default', function() { gulp.src(paths.vendorjs).pipe(debug()); }); 它似乎只输出到控制台: gulp-debug: js/vendor/angular-ui-tour.js 也就是说,除非我将paths.vendorjs切换到paths.js如下所示: gulp.src(paths.js).pipe(debug())然后我得到js数组中每个文件的输出 gulp-debug: js/app.js gulp-debug: js/directives.js gulp-debug: js/services.js gulp-debug: […]

gulp.watch任务抛出一个错误:(FSEvents.framework)FSEventStreamStart:register_with_server:错误

这最近开始发生在我的gulp.watch任务。 从两周前开始工作正常。 当我运行$ gulp 当它到达监视任务时,会抛出以下内容: (FSEvents.framework) FSEventStreamStart: register_with_server: ERROR: f2d_register_rpc() => (null) (-21) events.js:85 throw er; // Unhandled 'error' event ^ Error: watch EMFILE at exports._errnoException (util.js:746:11) at FSEvent.FSWatcher._handle.onchange (fs.js:1157:26) 根据一些build议,我已经更新了node.js,没有运气。 也有人build议我试图看太多的文件,所以我改变了手表目录到一个单一的文件。 仍然抛出错误。 我在全球范围内更新了gulp 3.9以及我的依赖关系。 我甚至在一个较老的版本上回滚,看看是否有效。 没有运气。 什么可以把这个在gulp.watch任务上呢? 这是我的gulpfile任务: // Watch gulp.task('watch', function() { // Listen on port 35729 server.listen(35729, function (err) { if (err) […]

在* one * gulp任务中使用yargs将它应用于* all *任务:为什么? 怎么修?

我有一个UI项目,基于generator-gulp-angular的自动化工作stream程。 我添加了gulp-ng-config ,以便根据环境variables执行不同的构build。 我使用包裹“yargs”来提取环境标志,并使其可用于该任务。 但是,即使这个任务应该被封装,我使用yargs来创build需求,现在在我的整个项目中,所有的gulp任务都是活跃的。 这里是ngconfig任务: var gulp = require('gulp'); var path = require('path'); var conf = require('./conf'); var gulpNgConfig = require('gulp-ng-config'); var argv = require('yargs') .usage('This `build` or `serve` task includes an ngConfig task, whose requirements have not been met via arguments. \n LONG USAGE: <command> –environment <"production" or "sit" or "local">.\n SHORT USAGE […]

使用gulp.watch抛出“TypeError:Object#<Object>没有方法'看'”

所以我添加了一个watch任务给我的gulpfile.js,看起来像这样: gulp.task('watch', function(){ gulp.watch('src/style/*.less', ['css']); }); 但是当我运行它( gulp watch )时,我得到了以下错误在我的脸上: PS C:\Projects\web\basic> gulp watch [21:28:42] Using gulpfile C:\Projects\web\basic\gulpfile.js [21:28:42] Starting 'watch'… [21:28:42] 'watch' errored after 226 μs [21:28:42] TypeError: Object #<Object> has no method 'watch' at Gulp.watch (C:\Projects\web\basic\node_modules\gulp\index.js:40:14) at Gulp.<anonymous> (C:\Projects\web\basic\gulpfile.js:37:7) at module.exports (C:\Projects\web\basic\node_modules\gulp\node_modules\orchestrator\lib\runTask.js:34:7) at Gulp.Orchestrator._runTask (C:\Projects\web\basic\node_modules\gulp\node_modules\orchestrator\index.js:273:3) at Gulp.Orchestrator._runStep (C:\Projects\web\basic\node_modules\gulp\node_modules\orchestrator\index.js:214:10) at Gulp.Orchestrator.start (C:\Projects\web\basic\node_modules\gulp\node_modules\orchestrator\index.js:134:8) at C:\Users\Magnus\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20 […]

从我的node_modules文件夹中转换AngularJS的正确方法

我select使用npm来包含我的UI依赖,比如AngularJS。 安装之后,依赖关系存在于node_modules文件夹中。 我可以直接使用AngularJS使用<script src='/node_modules/angular/etc.'></script> 实际上,我想要做的是将其转换为我的一部分吞噬任务,并将(如果必要,请将其缩小/ uglify)移动到我的资产文件夹中。 什么是正确的方法来做到这一点? 我如何find所有的依赖库,这是一个手册包括还是有更好的方法? 我的吞咽任务如下所示: gulp.task("min:js", function () { gulp.src(["js/**/*.js", "!" + "js/**/*.min.js"], { base: "." }) .pipe(concat("assets/js/site.min.js")) .pipe(uglify()) .pipe(gulp.dest(".")); });

尝试安装吞咽和凉水时出现NPM错误

我试图通过运行npm install –global gulp bower bower来npm install –global gulp bower 。 一切似乎都很好,然后我得到这个: npm ERR! Darwin 15.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "–global" "yo" "gulp" "bower" npm ERR! node v4.2.2 npm ERR! npm v3.5.0 npm ERR! path /usr/local/lib/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-stream/node_modules/ordered-read-streams npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall rename npm ERR! enoent ENOENT: no […]

为什么css-nano(几乎)不起作用?

gulp-minify-css 表示不赞成 ,并指出gulp-css-nano作为其继任者。 怎么,我用cssnano达到如此之弱的结果? 我做的最小的事情(和美化之后的可读性): gulp.task('teststyles-nano', [], function () { gulp.src('css/testcase.css') .pipe( nano() ) .pipe( cssbeautify() ) .pipe( rename('nano.css' )) .pipe( gulp.dest('./public/') ); }); gulp.task('teststyles-minify', [], function () { gulp.src('css/testcase.css') .pipe( minifyCss() ) // resp. .pipe(minifyCss()) .pipe( cssbeautify() ) .pipe( rename('minify.css') ) // resp. 'minify.css' .pipe( gulp.dest('./public/') ); }); 这是我的testcase.css ,有很多有意义的东西来优化: html, body { margin: […]

浏览器不会重新加载吞吐和livereload

请原谅,如果这可能看起来像一个重复的问题,但我已经阅读了每一个资源,我可以find帮助我确定我的问题的根源。 我正在编译一个jade文件后,尝试让gulp重新加载Chrome浏览器。 我有这个为我的gulpfile.js: var gulp = require('gulp'), jade = require('gulp-jade'), connect = require('gulp-connect'); gulp.task('jade', function() { return gulp.src('src/*.jade') .pipe(jade({pretty: true})) .pipe(gulp.dest('dev/')) .pipe(connect.reload()) }); gulp.task('connect', function() { connect.server({ livereload: true, root: 'dev', debug: true }); }) gulp.task('watch', function() { gulp.watch('src/*.jade', ['jade']); }); gulp.task('default', ['connect', 'watch']); 我的文件结构是: . ├── dev/ │ └── index.html ├── node_modules/ ├── src/ […]