草庐IT

gulp-compile-handlebars

全部标签

javascript - 在 Spine.js 中传递 this.item 时 Handlebars 断裂

我正在尝试实现Spine.js文档中给出的Todo示例,此处给出:http://spinejs.com/docs/example_tasks只有我想使用Handlebars而不是jQuery.tmpl。我正在使用Handlebars1.0.rc.1但是,当我尝试调用时:template:Handlebars.compile($('#history-template').html()),render:function(){vart=this.template(this.item);this.replace(t);returnthis;}Handlebars在this.template(t

javascript - gulp 是否对 javascript 文件进行代码拆分?

我正在使用gulp,我想知道它是否具有代码拆分功能。类似于webpacksite中提到的内容.我在网上看过,但没有看到任何专门用于此的内容。 最佳答案 我在网上找到这个gulp-split-files,我希望这能解决您的问题。正如作者在文档中所说的那样。在你的gulpfile中:constgulp=require("gulp");constsplitFiles=require("gulp-split-files");gulp.task("split",function(){returngulp.src("superMegaBigCs

javascript - 使用 Handlebars.js 助手通过 jQuery 创建事件元素?

是否可以在Handlebars.js帮助程序中使用jQuery创建元素并将事件处理程序附加到它们?我希望能够使用助手创建事件元素。例子:Handlebars.registerHelper("button",function(title){varbutton=$('').text(title);button.click(function(){alert("Button"+title+"clicked.");});return$('').append(button).html();});在handlebars模板中,我像这样实例化按钮:{{{button"ClickMe!"}}}我知道这是

javascript - Gulp Connect 未运行服务器

我创建了gulpfile.js并在其中使用了gulp-connectgulp.task('connect',function(){connect.server({root:'dev',livereload:true,port:8000});})当我运行gulpconnect时,它不会在localhost:8000上维护我的服务器。[14:08:51]Starting'connect'...[14:08:51]Serverstartedhttp://localhost:8000[14:08:51]LiveReloadstartedonport35729[14:08:51]Finished

javascript - 在指令中调用 $compile($element)($scope) 的目的是什么

Angular码placedonjsfiddle关于自定义指令,它使用$compile($element)($scope)并导致ng-click操作发生两次:我的问题是:我想了解为什么会发生ng-click操作两次?调用$compile($element)($scope)的目的是什么?如果不调用会发生什么,在什么情况下应该调用叫什么?以下是详细信息以及我目前收集到的信息:我想明白,为什么ng-clickAction会发生两次?下一行显示了自定义指令“hello”和ng-click按钮。自定义指令调用$compile($element)($scope)并且这是导致操作被触发两次的行,但我

javascript - gulp-useref – 不同级别文件夹中的相对输出路径

目前有没有办法做相对输出路径?内gulp-useref还是其他?我的现状:project_folder/app/index.htmlabout/index.htmlscripts/index.jsabout.js在index.html基于app/,一切正常:index.html文件位于scripts旁边文件夹,以便相对路径正确同步。但这是about/index.html:如果我像这样传递路径–../scripts/about.min.js–生成的about.min.js获取输出太远的一个文件夹,导致这种情况:project_folder/scripts/about.min.jsdist

javascript - 关于 gulp .pipe() 的 Node 路径说明

我的问题从另一个问题开始,在这里问:Gulp:Howtosetdestfolderrelativetoprocessedfile(whenusingwildcards)?我有类似的情况,我需要在每个模块的基础上制作压缩版本。也就是说,我有ui/test/one/script1.jsui/test/two/script2.js我需要让gulp将文件复制到相关目录中,所以我最终得到了ui/test/one/compressed/script1.jsui/test/two/compressed/script2.js我有以下gulp任务gulp.task('test',function(){r

javascript - 使用 Handlebars.js 创建网格的简单方法?

我试图从这个数组中的对象生成一个divs五个元素宽的网格:[{n:'a'},{n:'b'},{n:'c'},{n:'d'}...{n:'y'}];该数组可能包含1到50个对象,数据格式是来自Spine.js模型的一维数组。为了分离数据和表示,我希望将数据保存在一维数组中,并使用View(Handlebars模板)代码在每第5个项目上开始一个新行,如下所示:abcdefetc...我有一个解决方案,方法是在辅助函数中返回整个字符串。只有我的模板看起来像:{{#grid}}{{/grid}}这似乎违背了使用模板的意义。有没有一种简单的方法可以创建像上面这样的网格,代码主要位于模板中?[编辑

javascript - 如何结合 gulp-watch 和 gulp-inject?

我正在尝试同时使用gulp-watch和gulp-inject构建我的NodeWeb应用程序。但是,一旦涉及gulp-watch,涉及gulp-inject的构建步骤似乎将不起作用。貌似,thereasonisthatthewatchstreamneverendsandgulp-injectdoesn'tknowwhentostart.我的gulpfile如下所示:vargulp=require('gulp')varinject=require('gulp-inject')varsass=require('gulp-sass')varpath=require('path')varbow

javascript - Browserify 错误结束 gulp 监视任务

我的gulpfile.js中有以下设置:gulp.task('browserify',function(){browserify(config.paths.browserifyEntry).transform(reactify).bundle().pipe(source('master.js')).pipe(gulp.dest(config.paths.dist))//.pipe(connect.reload());});gulp.task('watch',function(){gulp.watch(config.paths.components,['browserify']);gul