草庐IT

gulp-compile-handlebars

全部标签

javascript - 使用 Google Closure Compiler 可以从编译版本中排除一段源代码吗?

我最近使用Dojotoolkit构建了一个项目并且喜欢你如何根据任意conditionalcheck将一段代码标记为仅包含在编译版本中.我用它来导出私有(private)变量以进行单元测试或抛出错误而不是记录错误。这是Dojo格式的示例,我很想知道对于GoogleClosureCompiler是否有类似这样的特殊指令。.window.module=(function(){//privatevariablevarbar={hidden:"secret"};//>>excludeStart("DEBUG",true);//exportinternalvariablesforunittest

javascript - Ember.js/Handlebars.js 将条件类属性绑定(bind)到 {{#link-to}} 助手

我正在尝试向链接属性添加一个类,但类名是有条件的。{{#link-to"role"thisclassNames="isLoading:is-loading"tag="tr"}}{{name}}{{role}}:{{isLoading}}EDIT{{/link-to}}就这样吧。但不知何故,它不起作用。还有其他方法吗? 最佳答案 只需使用classBinding而不是classNames:{{#link-to"role"thisclassBinding="isLoading:is-loading"tag="tr"}}{{name}}{

javascript - 使用 Gulp 和 Babel 缩短构建时间

我试图在添加gulp-babel后加快构建时间到我的构建过程...起初我以为gulp-cached可能会有所帮助,但这会导致编译后的文件仅包含最近编辑过的那些文件(我现在明白了gulp-cached是如何工作的)。没有babel我的构建时间是使用babel最多1.5秒。我当然希望它回到200ms...有什么想法吗? 最佳答案 使用gulp-cached和gulp-remember。只有已更改的文件才会通过管道,然后gulp-remembers将它们全部添加回去。:)returngulp.src(array).pipe(cached(

javascript - 如何从 GULP 将变量值注入(inject) JS 文件

希望这是一个快速的问题。我正在尝试做的是在使用GULP构建文件时将时间戳添加到JS文件中的Javascript对象中。基本上,在“file.js”中,我有一个对象,我希望其中的object.timeStamp等于GULP构建的时间。我目前正在使用gulp-header在文件顶部添加时间戳,但系统要求我将时间戳添加到对象中的属性。我的想法是从GULP中注入(inject)值,但目前我发现的所有注入(inject)插件都是将一个文件的内容注入(inject)到目标文件中。如有任何帮助,我们将不胜感激。 最佳答案 你在使用任何类型的模块吗

javascript - 使用 Handlebars.js 的递归布局

我有一个简单的对象层次结构,包括:CategoryStringnameListchildCategories;我想以通用方式使用Handlebars来表示此布局,但我无法理解如何嵌套布局。鉴于此布局:{{#categories}}{{name}}{{#childCategories}}{{/childCategories}}{{/categories}}为所有子类别重用现有类别模板的最佳方法是什么?是否需要注册处理程序?有没有更简单的方法? 最佳答案 两个模板{{#categories}}{{name}}{{#ifchildCate

javascript - 为什么 Gulp 在运行依赖它的任务之前没有完成我的 'clean' 任务?

我有一个gulpfile,它应该在压缩代码之前清理我的dist目录。有时,清理任务仍在运行,而代码正在缩小,导致一些文件丢失。是什么导致它这样做?我的理解是任务的依赖将在任务运行之前完成,并且一个依赖只会运行一次,即使它是多个任务的依赖。vargulp=require('gulp');vargulpLoadPlugins=require('gulp-load-plugins');varplugins=gulpLoadPlugins();vardel=require('del');gulp.task('default',['css','js','fonts']);gulp.task('c

javascript - 在 Handlebars partial 中将导航菜单项设置为事件状态

目前,我正在为每个选项卡上的导航菜单重复代码,但我想使用部分代码,因此没有重复代码。这就是我正在使用的(下面),根据文件,active类在不同的列表元素上。相反,我想使用部分{{>fruits-nav}},但我找不到任何关于如何设置active类的信息,具体取决于哪个文件包含部分内容。appleorangemangopineapple 最佳答案 我认为你甚至可以让它稍微简单一点,更具可读性:appleorangemangopineapple渲染时:active:{pineapple:true}

javascript - 在 handlebars.js 中使用具有数字属性的对象

是否可以将Handlebars与具有数字键的对象一起使用?例如:varstr="{{apples}}",tmpl=Handlebars.compile(str);tmpl({apples:"works!"});//returns"works!"效果很好,但是varstr="{{4}}",tmpl=Handlebars.compile(str);tmpl({4:"works!"});//returnsError:Parseerroronline1:{{4}}-------^Expecting'DATA','ID',got'INTEGER'我在搜索时找不到任何引用资料,而且我还没有探索源代

javascript - 浏览器同步(在 gulp 下)不刷新浏览器

我的配置做了它应该做的一切,但它从不刷新浏览器。一旦我手动刷新它,就会有变化。我正在连接到默认的localhost:3000。任何想法为什么会这样或如何调试它?gulpfile.js:vargulp=require('gulp');varsass=require('gulp-sass');varsourcemaps=require('gulp-sourcemaps');varbrowserSync=require('browser-sync');gulp.task('html',function(){browserSync.reload();});gulp.task('sass',fu

javascript - 向 Handlebars 中的输入元素添加属性(与 Ember.JS 1.0 一起使用)

假设我有这样的东西:{{inputvalue=someModel}}然后我想将简单的requiredHTML5属性添加到输入中。我该怎么做?请注意,我尝试了以下变体但没有成功:{{inputvalue=someModelrequired}}{{inputvalue=someModelrequired='required'}}{{viewEmber.TextFieldvalueBinding=someModelrequired='required'}}更新:这个问题是针对Ember1.0的。 最佳答案 我正在使用Ember版本1.5.