草庐IT

gulp-changed

全部标签

javascript - 如何使用 Gulp 压缩 ES6

我对手动编写gulpfile.js比较陌生。我有一个基于Backbone和Marionette的项目,到目前为止,gulp文件如下所示:vargulp=require('gulp');var$=require('gulp-load-plugins')();varbrowserify=require('browserify');vardel=require('del');varwatchify=require('watchify');varsource=require('vinyl-source-stream');varstylish=require('jshint-stylish');

javascript - Gulp Watch Concat 有时会忽略一些 JS 文件

我有一个Gulpconcatwatch任务设置来连接一些JS文件:varsources=['public/js/scriptA.js','public/js/scriptB.js','public/js/scriptC.js','public/js/scriptD.js','public/js/scriptE.js'];gulp.task('main.js',function(){returngulp.src(sources).pipe(concat('main.js')).pipe(gulp.dest('./public/js'));});gulp.task('watch',func

javascript - gulp-connect 和 connect.reload

我正在尝试设置一个简单的服务器来测试一些d3.js的东西。我正在关注tagtree.tv上的截屏视频。我的代码与他的相匹配,但是当我更改我的JS或SASS文件时,我无法让我的index.html重新加载。据我所知,我是gulp的新手,但这是基于我的假设,即调用connect.reload()将重新加载正在查看其内容的任何浏览器。应该注意的是,livereloadJS被插入到我的index.html文件中。我的目录结构如下:d3play-bower_components-dist-css-scripts-node_modules-sass-scriptsgulpfile.jsindex.

javascript - rails + Chartkick : How to change the date format of the tooltip?

我正在以这种方式生成图表(使用GoogleChart):"Solditems",data:@items.group(:created_at).count}],:library=>{hAxis:{title:"Period"},vAxis:{title:"AmountsinUDS"},title:"HistoryOfSales"}%>图表生成得很好,但有一件事我想改变——工具提示看起来像这样:工具提示中的信息是正确的,但我不想显示Oct19,2014,2:00:00AM我只想显示Oct19,2014。有没有办法用Chartkick做到这一点?非常感谢您的宝贵时间。

javascript - Gulp Browserify 中的标准错误日志

有了这个任务:gulp.task("es6",function(){returnbrowserify({entries:'src/main/es6/main.js',extensions:['.js'],debug:true}).transform(babelify).bundle().pipe(source('superpos.js')).pipe(streamify(uglify())).pipe(gulp.dest('src/main/webapp'));});我得到这种错误日志:清晰漂亮,我喜欢。但是为了让我的watch继续运行,我需要处理错误而不是让它过去,比如....tra

javascript - 使用 gulp-useref 和 gulp-less 编译 LESS?

我正在尝试使用gulp-useref插件编译我的LESS文件,但好像gulp-less插件从未在管道中输出我的LESS文件的编译版本。LESS文件在未编译的情况下与其他CSS文件连接在一起。我尝试仅使用gulp-less单独编译我​​的LESS,它运行良好,但我不知道为什么它似乎与gulp-useref插件冲突。这是我的gulp文件:vargulp=require('gulp');varrm=require('gulp-rimraf');vargulpif=require('gulp-if');varless=require('gulp-less');varcssmin=require

javascript - 使用 TypeScript 和 Babel gulp sourcemaps

我目前正在编写一个业余项目,在那里我可以了解有关TypeScript和ES6(使用babel)的更多信息。我想在我的TypeScript中使用ES6,所以我决定采用以下工作流程。Typescript(ES6)->Babel(ES6)->ES5现在我正在使用Gulp自动执行所有这些操作,但我很难让源映射正确生成。我应该提一下,这个样式是/r/typescript上的一个用户向我推荐的,所以我什至不确定它是否可行。无论如何这是我当前的gulp任务varserver=$.typescript.createProject('src/server/tsconfig.json');gulp.tas

javascript - Gulp,在 `pipe()` 函数中使用当前文件名

我试图用它自己的json文件在我的gulp源文件中呈现每个文件,但我不知道如何在pipe函数中访问当前文件名。vargulp=require('gulp');varhandlebars=require('handlebars');vargulpHandlebars=require('gulp-compile-handlebars');gulp.task('compile-with-sample-data',function(){varoptions={}returngulp.src('./src/**/*.html').pipe(gulpHandlebars({data:require

javascript - 谷歌地图 API : Change marker animation speed

GoogleMapsAPIv3目前支持两种类型的标记动画:DROP和BOUNCE有什么方法可以加速BOUNCE或减慢DROP动画? 最佳答案 GoogleMapsAPI不支持动画属性或自定义,只支持您所说的选择“放下”或“反弹”的能力。应该可以通过jQuery或其他框架将自定义动画应用于标记元素。或者,您可以提供动画GIF作为标记。 关于javascript-谷歌地图API:Changemarkeranimationspeed,我们在StackOverflow上找到一个类似的问题:

javascript - Angular : disable scroll to top when changing view

假设我有一个大标题,所以ng-view指令在页面上。就在这个ng-view之前,我有一种菜单可以触发Angular路由,从而改变View。我的问题是,只要路由被触发,页面就会一直滚动到顶部,因此部分内容超出了视口(viewport)。这是我的路线:angular.module('portfolio',[]).config(function($routeProvider,$anchorScrollProvider){$anchorScrollProvider.disableAutoScrolling();$routeProvider.when('',{templateUrl:'portf