草庐IT

gulp-compile-handlebars

全部标签

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 - 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 - 使用 Webpack 4 的 Handlebars 加载器

我一直在查看如何将handlebars-loader与webpack一起使用的示例,但似乎没有一个适用于webpack4。错误./src/templates/property-list-item.hbs中的错误模块构建失败:TypeError:无法读取未定义的属性“handlebarsLoader”在getLoaderConfig(/Users/Sam/Desktop/mettamware/Public/js/node_modules/handlebars-loader/index.js:24:37)在Object.module.exports(/Users/Sam/Desktop/m

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 - Handlebar.js 不刷新我的模板

好的。我的HTML如下所示。col1col2{{#results}}{{col_1}}{{col_2}}{{/results}}我通过Handlebar.js填充上面的内容,数据是从服务器接收的。这是代码。$.get(get_data_url,function(data){$('#json').empty().append(data);varrows=eval('('+data+')');varsource=$("#some-template").html();vartemplate=Handlebars.compile(source);$("#content-placeholder"

javascript - 如果在 Handlebars.js 中预编译自定义助手,如何注册自定义助手?

我正在尝试使用命令handlebarapp/views/templates/walrus.handlebar预编译Handlebars.js模板app/views/templates/walrus.handlebar但是它失败了,因为模板使用了我在单独的js文件public/javascripts/handlebar_helpers.js中定义的自定义助手。我如何调用Handlebars的命令行版本,以便它使用自定义帮助程序识别javascript文件? 最佳答案 handlebars-f-k它在此处的文档中:http://hand

javascript - Angular JS 错误 : $compile:tpload: Failed to load template:

所以我试图在我的指令中加载模板。该指令是可重用的。但是我无法加载模板。我有其他模板可以加载并正常工作。我得到的错误是:GET/ClassificationToolkitForGrails/classificationviewer.html404(NotFound)angular.js:8521Error:[$compile:tpload]Failedtoloadtemplate:classificationviewer.html包含指令的javascript文件:/****/varclassificationViewModule=angular.module('ald.classifi

javascript - 在 Ember.js Handlebar 模板表达式中呈现动态生成的 {{link-to}} 链接

我有一个Ember模板,它使用Handlebar表达式呈现文本,即{{caption}}.呈现的文本中有主题标签,我需要将每个主题标签设为可点击,并转到Ember应用程序中的特定路径。我创建了一个帮助程序来解析文本,并将每个主题标签替换为指向与主题标签相结合的必要路线的链接,因此现在Handlebar表达式如下所示:{{clickable-hashtagscaption}}.但是,帮助程序使用常规HTML创建链接标签,这是使用Ember.Handlebars.SafeString返回的。我想使用Ember的{{#link-to}}每个主题标签的辅助方法,但似乎无法弄清楚如何做到这一点。