草庐IT

gulp-compile-handlebars

全部标签

javascript - AngularJS 指令出错 - 无法读取未定义的属性 'compile'

AngularJS的新手并尝试创建一个简单的指令。代码失败并显示类型错误:无法读取未定义的属性“编译”。任何建议将不胜感激。JSvarxx=angular.module('myApp',[]);xx.directive('myFoo',function(){return{template:'23'};});HTML您可以在此处找到代码和错误https://jsfiddle.net/p11qqrxx/15/ 最佳答案 这只是你的返回声明。差:return{}//Thisreturnsundefined,returnisoddanddo

javascript - Handlebars.js 使用 noEscape 选项禁用转义?

我已经预转义了我所有的内容,所以我不想在任何地方都使用三重存储,而是想全局禁用Handlebars转义。快速搜索显示了一个类似的功能,我可以在我的Handlebars构建中看到它,但我不知道如何打开它。拉取请求在这里:https://github.com/wycats/handlebars.js/pull/121我已经尝试在我的代码中添加Handlebars.Compiler.options.noEscape=true但它总是返回未定义的选项。即使在定义了选项之后,它也没有选择它。有谁知道我应该如何在我的脚本文件中启用这个选项?谢谢 最佳答案

javascript - watchify 和 gulp.watch 的区别

我刚刚开始将Browserify与gulp结合使用,并且遇到了使用watchify的示例。我不明白的是,为什么不改用gulp.watch?watchify和gulp.watch有什么区别? 最佳答案 watchify理解commonjs模块(require(./foo.js)东西)并将监视所有依赖项的变化。然后它可以重新编译包含所需更改的包,并且只从磁盘重新加载更改的文件。如果您使用gulp.watch并手动调用browserify,它必须在每次发生更改时构建依赖树。这意味着更多的磁盘i/o,因此速度会慢得多。

javascript - Handlebars : conditionally add attribute

我正在尝试呈现带有选项的选择元素,就像这样{{#eachcolors}}{{title}}>{{/each}}我正在使用以下Handlebars助手Handlebars.registerHelper('isSelected',function(input,color){returninput===color?'selected':'';});问题是selected属性没有显示在任何option元素上,但是当我放置一个console.log在Handlebars助手中,我确实看到一个匹配(输入===颜色===真)。知道我在这里做错了什么吗? 最佳答案

javascript - Gulp:为缩小和非缩小脚本生成源映射

我是gulp的新手,遇到了一个很常见的问题。我想做的是将typescript编译成javascript,为它创建一个sourcemap,然后运行​​uglify。我想要丑化和非丑化js的源映射。我要实现的是以下文件结构:framework.jsframework.js.map这是我的gulp任务:vargulp=require('gulp'),uglify=require('gulp-uglify')ts=require("gulp-typescript")sourcemaps=require('gulp-sourcemaps')rename=require('gulp-rename'

javascript - HandleBar js 和 Mustache js 的关系

我是Handlebarjs的新手。在每一篇关于HandleBarjs的文章中都有一个词叫做(mustachejs)。所以,1.Handllebarjs和Mustachejs有什么关系?2.handlebarjs之前有必要先看mustachejs吗?3.HandleBarjs相对于Mustachejs的优势是什么?谢谢。 最佳答案 Handlebars.js是Mustache.js的超集。它提供了将JSON插入模板的所有相同功能以及执行一些基本的if/then等的附加功能。总的来说,我发现使用Handlebars进行模板化要容易得多。

javascript - 增量 gulp less build

在我的办公室,我们使用gulp来构建我们的less文件。我想改进构建任务,因为它花了一秒钟的时间来构建我们最近从事的一个大型项目。这个想法是缓存文件并只传递更改的文件。所以我从谷歌开始,发现了javascript的增量构建,ang认为用更少的钱重写它们会很容易。这是我开始的那个:https://github.com/gulpjs/gulp/blob/master/docs/recipes/incremental-builds-with-concatenate.md在几次不成功的尝试之后,我得到了以下代码(使用最新的Bootstrap分发进行了测试):vargulp=require('g

javascript - 为什么 gulp-uglify 不修改我的变量名?

我有以下任务:varuglify=require('gulp-uglify');gulp.task('scripts',function(){gulp.src('./src/scripts/*.js').pipe(concat('main.js')).pipe(uglify()).pipe(gulp.dest('./dist'));});以及以下2个javascript文件,test1.js:vartestOneOutput='functionone';console.log(testOneOutput);和test2.jsvartestTwoOutput='functiontwo';

javascript - 将 JavaScript 对象/哈希传递给 Handlebars 助手?

是否可以将JavaScript对象/哈希传递到Handlebars帮助程序调用中?我想做这样的事情:Labelhere{{#textField{'id':'text_field_1','class':'some-class',size:30}}}{{/textField}}Helptexthere.HereisajsFiddle.目前它产生以下错误UncaughtError:Parseerroronline3:...bel>{{#textField{'id':'text_field_1'----------------------^Expecting'CLOSE','CLOSE_UNE

javascript - 使用 Gulp Zip 将所有文件压缩到一个文件夹中

我正在使用gulp-zip压缩我的源文件。所以我有一个名为FIFA的主文件夹,其中包含其他子文件夹,这些子文件夹可能包含更多子文件夹和文件。此外,FIFA文件夹中还有我的package.json、gulp.js和其他一些文件。我想基本上使用gulp-zip来压缩我的整个项目并创建一个名为distribution的文件夹并将zip保存在其中。这就是我使用的代码。gulp.task('zip',function(){returngulp.src('./*,').pipe(zip('test.zip')).pipe(gulp.dest('./distribution'));});问题是,虽然