草庐IT

gulp-connect

全部标签

javascript - 如何使用 gulp 和 'main-bower-files' 选择缩小的依赖项?

我正在尝试创建一个简单的gulp任务来获取所有bower.json依赖项并将它们注入(inject)到我的index.html文件中。这是我的gulpfile.js的样子:vargulp=require('gulp');varbowerFiles=require('main-bower-files');varinject=require('gulp-inject');gulp.task('default',function(){gulp.src('./public/index.html').pipe(inject(gulp.src(bowerFiles({paths:{bowerDir

javascript - 使用 gulp.src() 列出数组中的所有文件

我正在尝试为给定文件夹中的所有文件(路径)创建索引。到目前为止,我使用gulp.src(filePath)来实现这一点。根据这个blogpost,它应该工作:gulp.src(files)isastringorarraycontainingthefile(s)/filepaths.我当前的代码:gulp.task("createFileIndex",function(){varindex=gulp.src(['./content/**/*.*']);console.log("INDEX:",index[0]);});通过使用index[0]输出gulp.src()的返回值,我得到了un

javascript - Connect 不能与 Redux-react 中的 StateLess 组件一起使用

我正在从其他组件调度一个Action,并且商店正在使用svgArr属性进行更新,但是尽管以下无状态组件connect'ed到商店,当svgArr的存储更改时,它不会更新。作为无状态组件,它应该如何表现?还是我做错了什么?constLayer=(props)=>{console.log(props.svgArr);return(hi);};connect((state)=>{return{svgArr:state.svgArr};},Layer);exportdefaultLayer; 最佳答案 您似乎正在导出Layer而不是Laye

javascript - Gulp uglify 打破 Angular 应用

当尝试将gulp-ugily与我的Angular应用程序一起使用时,即使我通过gulp-ngmin运行它,它也会崩溃。这是gulp文件:vargulp=require('gulp'),concat=require('gulp-concat'),ngmin=require('gulp-ngmin'),uglify=require('gulp-uglify');gulp.task('compress',function(){gulp.src('client/js/source/*.js').pipe(concat('app.js')).pipe(ngmin()).pipe(uglify()

javascript - Gulp 二级 Assets

我让Gulp将我所有的JS和CSS编译成组合文件并输出到/public/assets/js/application.js或/public/assets/js/application.css这一切都很好,但是诸如CSS背景图像等链接文件的URL路径之类的东西现在不再有效。因为这些链接Assets在我的/vendor/assets/bower-components中目录,我不能只将路径重写为/vendor无法通过网络访问。我想做的是浏览CSS和JS编译文件,找到所有链接的Assets引用,去抓取它们并将它们放在/public/assets/中。然后重写到新位置的路径。我需要的是一种在(主要

javascript - 我可以捕获 "can' t establish a connection"失败的 websocket 连接错误吗?

我需要测试是否已建立与我的websocket服务器的连接。此时,我可以连接到服务器,但我希望能够捕捉到该服务器不可达的可能性,所以这个问题是关于当websocket连接无法建立或超时时该怎么办出。仅使用Firefox中的基本websocket代码,它将在大约20秒后超时并调用我的错误处理程序。但它也会抛出一个JavaScript错误(至少对我使用Firebug而言)出现在浏览器中。然后日志显示:Firefoxcan'testablishaconnectiontotheserveratws://192.168.0.1/.到目前为止我尝试了什么:通过添加我自己的window.timeout

javascript - 让 Gulp watch 仅在更改的文件上执行功能

我是Gulp的新手并且有以下Gulpfilevargulp=require('gulp');varjshint=require('gulp-jshint');varconcat=require('gulp-concat');varrename=require('gulp-rename');varuglify=require('gulp-uglify');gulp.task('compress',function(){returngulp.src('js/*.js')//readallofthefilesthatareinjswitha.jsextension.pipe(uglify()

javascript - 在 gulp 中用冒号调用任务是什么意思?

我想知道:冒号在gulp任务中用作follow时有什么用。是否传递参数?gulp.task('default',['clean:mobile']); 最佳答案 Gulp并没有赋予冒号特殊的含义。在具有特殊含义的项目中,该含义来自Gulp以外的其他地方:项目文化或历史、其他工具等。有些人用它来组织他们的任务名称。所有与清理有关的任务都可以从clean:开始。所以你会有clean:dist、clean:build等。clean:build会删除转译后的文件,但会保留一些本地配置文件。clean:dist会删除所有不属于源代码分发的文件(

javascript - Full Gulp Istanbul 尔报道报告

我正在使用gulp-istanbul通过Gulp生成JavaScript单元测试覆盖率报告。有没有一种方法可以配置Istanbul以生成我的gulp流中所有JS文件的完整覆盖率报告,而不仅仅是测试用例所触及的文件。我正在做一个有很多JS的项目,但没有单元测试,我们正在努力增加测试覆盖率。我想要一份覆盖率报告,它首先显示我们大多数文件的覆盖率为0%,但随着时间的推移,覆盖率会逐渐增加。gulp.task('test',function(){gulp.src([mysourceglob]).pipe(istanbul()).on('end',function(){gulp.src([myt

javascript - Gulp:控制台出错,assert.js:90 抛出新的 assert.AssertionError

我在控制台中收到这样的错误:$一饮而尽assert.js:90thrownewassert.AssertionError({^AssertionError:TaskfunctionmustbespecifiedatGulp.set[as_setTask](C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\set-task.js:10:3)atGulp.task(C:\Users\user\Projects\Newproject\node_modules\undertaker\lib\task.js:13:8)at