Tag: gulp

启动Node.js服务器W / GULP“连接”rest实时刷新（Angular应用W / HTML5模式）

我试图解决一段时间以来困扰我的问题。 场景： 问题是当我用Gulp启动我的本地服务器W / Live Reload。 它启动我的Angular应用程序就好了，但是当我更改文件Live Reload（页刷新）打破我的应用程序，并给了我一个“无法获得”，因为我的server.js（节点服务器）文件有一个特殊的方式，它redirect用户到我的“index.html”文件。 原因是因为我在Angular应用程序中启用了“HTML5模式”（对于漂亮的URL），我必须在server.js文件中指定它以正常工作。 在我的angular度应用程序里面的“html5 on”之前，一切正常，但是由于特殊的redirect，我的Gulp.js文件没有被正确写入以便知道这一点。 如果我运行“node server.js”，angular度应用程序按预期工作，并刷新页面，这只是在开发时遇到这个问题而烦人。 问题： 我怎样才能写我的gulpfile.js正确运行server.js文件？ 有没有更好的方法来写我的server.js文件？ 是否可以同时运行多个端口（开发模式和生产模式）？ （我遗漏了几个文件夹和文件，使其更容易在眼睛） 文件结构： 根 build立（angular生产应用程序） 前（angular度发展应用程序） gulpfile.js （任务执行者） server.js （节点服务器） Server.js（节点服务器） var express = require('express'); var app = express(); app.use('/js', express.static(__dirname + '/front/js')); app.use('/build', express.static(__dirname + '/../build')); app.use('/css', express.static(__dirname + '/front/css')); app.use('/images', express.static(__dirname + '/front/images')); app.use('/pages', express.static(__dirname + '/front/pages')); […]

browserSync不能正常工作

我有这个代码重新加载浏览器的任何变化： var gulp = require('gulp'); var browserSync = require('browser-sync'); gulp.task('browser-sync', function() { browserSync({ server: { baseDir: "./" } }); }); 我在这里触发browserSync，通过html.js： var gulp = require('gulp'); var browserSync = require('browser-sync'); var fileinclude = require('gulp-file-include'); var rename = require('gulp-rename'); var util = require('gulp-util'); gulp.task('html', function() { var filename = 'middle.html'; return gulp.src(filename) .pipe(fileinclude()) .pipe(rename('index.html')) .pipe(gulp.dest('./')) .pipe(browserSync.reload({stream:true})); }); […]

gulp-webserver错误有时发生

events.js：85 扔呃; //未处理“错误”事件 ^ 错误：getaddrinfo ENOTFOUND localhost 在errnoException（dns.js：44：10） 在GetAddrInfoReqWrap.onlookup [as oncomplete]（dns.js：94：26） 当我运行“ gulp ”命令时，遇到了这个错误，但是我不知道如何解决这个错误。 我在运行gulp serve命令时也遇到了这个错误，所以我猜这个错误是由gulp-webserver造成的。 我的gulpfile.js gulp serve任务在这里。 gulp.task('serve', function() { gulp.src('app/') .pipe(webserver({ livereload: true, directoryListening: true, open: true })); }); 请告诉我如何解决这个问题。

如何设置翡翠包括与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/ | […]