Articles of gulp

redirect后返回代理url Node / browserSync

我正在尝试为本地开发工作代理asos.com网站,并希望能够从localhost:6046访问该站点,然后拦截一些js调用并更改网站的function。 我意识到,这个想法并没有真正的工作,好像该网站本身转发到另一个url,我的代理将无法遵循新的url。 browserSync.init({ proxy: "www.asos.com/men", port: 6046, open: true, ui: false, ghostMode: false }); 但是我不知道有没有办法做到这一点,用节点或者任何方式呢?

吞噬服务器抛出错误

我正在尝试运行gulp服务来启动之前工作的活动负载。 更新节点和npm后,我得到以下内容: $ gulp serve module.js:515 throw err; ^ Error: Cannot find module 'internal/util/types' at Function.Module._resolveFilename (module.js:513:15) at Function.Module._load (module.js:463:25) at Module.require (module.js:556:17) at require (internal/module.js:11:18) at evalmachine.<anonymous>:31:26 at Object.<anonymous> (c:\Development\Template\studio_billing\node_modules\gulp\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:11: 1) at Module._compile (module.js:612:30) at Object.Module._extensions..js (module.js:623:10) at Module.load (module.js:531:32) at tryModuleLoad (module.js:494:12) 这是我的gulpfile: var gulp = require('gulp'); var browserSync = require('browser-sync').create(); var reload […]

处理承诺代码中的承诺拒绝

我正在尝试使用gulp来缩小JS和CSS文件。 该脚本正在努力缩小JS文件,但是当我尝试缩小CSS文件时,它给出了下面的错误 (节点:10533)UnhandledPromiseRejectionWarning:未处理的承诺拒绝(拒绝ID:1):错误:多次调用写入callback (节点:10533)[DEP0018]弃用警告:不处理的承诺拒绝已被弃用。 将来,未处理的承诺拒绝将使用非零退出代码来终止Node.js进程。 吞食文件如下: var gulp = require('gulp'); var concat = require('gulp-concat'); var ngAnnotate = require('gulp-ng-annotate'); var uglify = require('gulp-uglify'); var ngmin = require('gulp-ngmin'); var minify_css = require('gulp-minify-css'); var import_css = require('gulp-cssimport'); // ================== Configure this path as per the deployed server =============== var dev_static_path = '/home/shan/'; var minified_static_path = '/home/shan/minified_assets/'; var ngFiles_site […]

缺lessGulpfile Ubuntu 12.04

/usr/local/lib/node_modules/gulp/bin/gulp:11 throw new Error("Missing Gulpfile"); ^ Error: Missing Gulpfile at Object.<anonymous> (/usr/local/lib/node_modules/gulp/bin/gulp:11:9) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:902:3 当我尝试使用gulp -v时,出现这个错误。 节点-v(0.10.25)工作正常,npm -v(1.3.24)也是如此。 我跟着他们的github教程,但没有成功。 https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md#getting-started 有人可以帮我吗?

在gulp.watch上重build项目不起作用

我有一个简单的构build步骤,我的项目主要是连接几个文件。 代码如下所示: var gulp = require('gulp'); var p = require('gulp-load-plugins')(); var srcDir = 'src/'; var src=[/*some files here*/]; var header='',footer=''; gulp.task('build',function(){ gulp.src(src,{cwd:srcDir}) .pipe(p.concat('sdk.js')) .pipe(p.header(header)) .pipe(p.footer(footer)) .pipe(p.jshint()) .pipe(gulp.dest('dist/')); }); gulp.task('watch',function(){ gulp.watch('src/**/*.js',['build']); }); gulp.task('default',['build','watch']); 第一个构build任务按预期工作,执行时间大约为550ms: [gulp] Starting 'build'… [gulp] Finished 'build' after 541 ms 但是,当我更改src文件夹中的某些内容时,构build任务花费的时间很less,尽pipe我没有使用任何caching: [gulp] Starting 'build'… [gulp] Finished 'build' after 2.37 ms 而且,这个任务不起作用 – dist目录不会改变。 […]

使用基本目录时,Gulp不会复制文件

这是最初的目录结构: ./src ./src/test.html ./gulpfile.js 目标只是将“src / test.html”复制到“build / index.html”。 我正在使用base base选项来维护相对于build/ dir中的src/的目录结构。 这里是gulpfile.js var gulp = require('gulp'); var replace = require('gulp-replace'); gulp.task('default', function() { return gulp.src(['test.html'], {base: './src'}) .pipe(gulp.dest('build')); }); 当我跑步时,我没有任何错误。 $ gulp [15:26:24]使用gulpfile /tmp/testproject/gulpfile.js [15:26:24]启动'default'… [15:26:24] 8.02 ms后完成'default' 但是,它并没有创buildbuild目录: $ find . . ./src ./src/test.html ./gulpfile.js 艾米我在这里错过了什么?

对JavaScript文件的更改不会立即生效。 gulp browserify任务可能存在问题

当对JavaScript文件进行更改时,在更改生效之前,经常需要长达10秒的不断刷新页面。 我知道Chromecaching了很多,我已经使用了一些技术来解决这个问题: 我已经设置caching控制头'no-cache,no-store',添加一个基于当前时间的查询string到每一个JavaScript文件(我已经证实,这实际上每次刷新时都会改变),我有启用开发工具中的“禁用caching”选项。 但是,JavaScript文件仍然不能立即加载… 编辑:经过一些更多的testing后,我发现我的node.js应用程序中的gulp browserify任务(构build客户端JavaScript包)在gulp重新启动后5-10秒之前不会更新构build。 然而,这是奇怪的,因为吞吐量输出“3.24毫秒后完成”browserify“。 这就解释了为什么JavaScript文件不能在浏览器中刷新,但我无法弄清楚为什么不能立即刷新。 有没有人经历过这个?

了解Gulppipe道顺序

上下文 我想parsing一些.sass文件并在将它们编译成.css之前replace一个variables。 为此,我使用了一大口 , 一口一口的 , 一口气的预处理工艺 : npm install gulp gulp-sass gulp-preprocess –save-dev Gulpfile.js var gulp = require('gulp'); var sass = require('gulp-sass'); var preprocess = require('gulp-preprocess'); var settings = { HOST_URL: 'qa.host.com' } gulp.task('sass', function () { return gulp.src('./sass/**/*.sass') .pipe(sass({indentedSyntax: true})) .pipe(preprocess({context: settings})) .pipe(gulp.dest('./dist')); }); 上海社会科学院/ styles.sass @import "partials/variables" body background-image: url("//#{ $host_url }/foo.jpg") […]

如何用uglify使用coffescript?

我有以下项目结构 assets –javascripts —-controllers ——somefile.js ——somefile.js.coffee 我想编译coffescripts文件( *.js.coffee ),然后连接所有的文件,然后缩小它们。 var gulp = require('gulp') var concat = require('gulp-concat') var coffee = require('gulp-coffee'); var uglify = require('gulp-uglify') var gulpFilter = require('gulp-filter'); gulp.task('scripts', function() { var coffeeScriptFilesFilter = gulpFilter(['*.js.coffee']); return gulp.src(['assets/javascripts/**/*']) .pipe(coffeeScriptFilesFilter) .pipe(coffee()) .pipe(coffeeScriptFilesFilter.restore()) .pipe(concat('application.js')) .pipe(gulp.dest('public')) .pipe(uglify().on('error', errorHandler)); function errorHandler (error) { console.log(error.toString()); this.emit('end'); } }); 不幸的是我得到这个错误 Error […]

logging所有使用gulp-connect完成的请求

我使用gulp-connect与代理中间件。 var proxy_function = function(connect, o) { return [ ,(function() { var url = require('url'); var proxy = require('proxy-middleware'); var options = url.parse(a); options.route = b; return proxy(options); })() ]; }; gulp.task('connect', function() { connect.server({ port: '8002', root: build_dest, middleware: proxy_function }); }); 有一些与代理function不能解决问题,所以我想ologging由代理完成的实际请求。 我怎样才能做到这一点?