草庐IT

gulp-compile-handlebars

全部标签

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 - handlebars 2.0 运行时出现未知模板对象错误

Ihavepublishedallmycodeasarunnablethatusesexpressforloadingstaticcontent我已经预编译了这个handlebars模板:{{title}}{{author}}{{releaseDate}}{{keywords}}删除我获得了这个功能:(function(){vartemplate=Handlebars.template,templates=Handlebars.templates=Handlebars.templates||{};templates['bookTemplate']=template(function(H

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 - AngularJS 1.4 : Select List Value not Initializing Correctly when List is Inserted with $compile

这里有一些快速的背景信息。我刚刚升级到Angular1.4。我正在使用用C#编写的API进行服务器端调用。我页面的一部分显示了2个选择列表(项目和子项目)。两者都应该默认为“(Selecta______)”,我将其列为每个选择的第一个选项,“值”为0。适当的ng-model变量被初始化为0。选择列表的实际HTML代码是在服务器端使用字符串连接生成的,通过$http传递给客户端,并使用调用$compile的指令插入(一点也不理想,但我的客户端有漂亮的很多链接我到这个API)。在1.4更新之前,一切都运行良好。现在,我的项目选择列表默认为空。当我检查元素时,这就是我所看到的...(Sele

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

javascript - Handlebars - 子串

我是Handlebars的新手模板系统,这是我使用Handlebars进行的第一个项目。我创建了简单的模板:{{#eachthis}}{{title}}{{{content}}}{{/each}}已返回content很长。我希望它更短,例如150个字符。我正在尝试使用JavaScriptsubstring()方法如下:{{{content.substring(0,150)}}}但是显然不行。你能给我一些如何处理这个问题的提示吗?谢谢编辑:好的,问题解决了:我已经用PHP完成了,因此返回的内容现在具有适当的长度:foreach($articlesas$a){$a->content=cut

javascript - 处理 Handlebars 上的 jQuery onClick 事件

我想设置一个简单的jQueryonClick事件,使Handlebars模板上的UI动态化。我想知道在特定点击后添加addClass()。考虑HTML(由handlebars生成){{#ifhasButton}}Clickme!{{/if}}即:在按钮内单击后,其容器将收到一个加载类,该加载类将使用CSS创建交互。$(".myButton").on("click",function(event){$(this).parent().addClass("loading");});这段代码应该放在我的handlebars-template上,还是我应该将它重写成一个特定的帮助程序?是否可以提