草庐IT

gulp-compile-handlebars

全部标签

javascript - 如何同时使用 'gulp-babel' 和 'gulp-browserify'

我试着写这些代码gulp.task('script',function(){'usestrict'returngulp.src(['app.js','components/**/*.jsx']).pipe(babel()).pipe(browserify()).pipe(gulp.dest("dist"));});但它显示了一些错误:SyntaxError:/Users/Zizy/Programming/learn-react-js/components/CommentBox.jsx:58^ParseError:UnexpectedtokenatwrapWithPluginError(

javascript - mustache.js 中 compile()、parse() 和 render() 之间的区别

有什么区别:Mustache.compile(),Mustache.parse(),和Mustache.render()在新mustache.js0.5.0版,也许为了加分,您可以告诉我们解析和编译之间的一般区别是什么。 最佳答案 编辑用APIchangeintroducedinversion0.8.0,compile()方法已集成到parse()中。不再需要手动编译模板。Mustache.parse()从语法上解析模板并从中创建一个JavaScript函数体(一个字符串)。在此过程中,它会通知模板中遇到的任何语法错误。Mustac

javascript - 如何将 language_in 或 jscomp_off 与 Google Closure Compiler Service API 一起使用

是否可以通过某种方式将命令行标志(如--language_in=ECMASCRIPT5或--jscomp_off=internetExplorerChecks传递给GoogleClosureCompilerServiceAPI?我在ServiceAPIReference中找不到它.作为引用,jscomp_off记录在Warnings中和language_in记录在JavaScript中. 最佳答案 https://github.com/google/closure-compiler/wiki/Additional-Webservic

javascript - gulp JavaScript 变量中 OR 的语法

这应该很简单。我在gulpfile.js中声明了这个路径变量:paths={img:['src/patternlab/**/**/*.jpg','src/patternlab/**/**/*.png']};我想对文件扩展名使用一个简单的OR开关,如下所示:'src/patternlab/**/**/*.(jpg|png)'但是我找不到正确的语法!尝试了无数次排列,浏览了MDN等等…… 最佳答案 gulp使用的模式是npm的glob提倡的模式。包不使用精确的正则表达式模式匹配语法,我想是因为这些东西在与路径匹配时开始看起来很可怕。关于

javascript - Handlebars - 调用部分时连接字符串参数

我想知道在使用Handlebars加载部分内容时是否可以将变量与另一个字符串连接起来。{{partiallogosthisns=../nsnsr=../nsrid=id+"something"}}我想连接id+"something"并将其存储到id中,它将被发送到模板。我正在使用自定义助手来加载部分(partial),它将this与options.hash提供的合并Handlebars。 最佳答案 这是一个更简单的方法。名为“concat”的助手:module.exports=function(){vararg=Array.prot

javascript - 下划线中的部分模板(就像在 Handlebars 中一样)?

我有一个像这样的Backbone模型varPeopleModel=Backbone.Model.extend({defaults:{"people":[{"username":"alan","firstName":"Alan","lastName":"Johnson","phone":"1111","email":"alan@test.com"},{"username":"allison",firstName:"Allison","lastName":"House","phone":"2222","email":"allison@test.com"},{"username":"ryan

javascript - Gulp 浏览器同步只工作一次

我正在我的一个项目中试用Gulp,我想像以前使用Gruntwatch一样运行它。这意味着,它必须监视更少的文件和js文件、lint、合并、编译并在完成所有操作后刷新浏览器。我设法让它与gulp-browser-sync一起工作,但由于某种原因它只能工作一次。我更改了我的.less文件,浏览器重新加载。然后,进行第二个更改,它会编译但不会重新加载。这是日志:[BS]Servingfilesfrom:./[09:47:26]Starting'css-clean'...[09:47:26]Finished'css-clean'after16ms[09:47:26]Starting'style

javascript - 如何检查 $compile 是否已经完成?

我正在编写一个函数,可以根据HTML模板和给定的一些信息创建电子邮件模板。为此,我使用Angular的$compile函数。只有一个问题我似乎无法解决。该模板由一个基本模板和无限量的ng-include组成。当我使用“最佳实践”$timeout(advisedhere)时,它在我删除所有ng-include时起作用。所以这不是我想要的。$超时示例:returnthis.$http.get(templatePath).then((response)=>{lettemplate=response.data;letscope=this.$rootScope.$new();angular.ex

javascript - 如何使用 Gulp 订购注入(inject)的文件?

我的Angular应用程序具有以下结构-src/app/main/|-main.js-main.controller.js-index.html我正在使用Gulp。构建完成后,*.js文件以错误的顺序注入(inject)到index.html中。文件main.js依赖于main.controller.js,所以main.controller.js必须在main之前注入(inject)。js.这是我的gulpfile.js'usestrict';vargulp=require('gulp');vargutil=require('gulp-util');varwrench=require(

javascript - Gulp.js - 在连接时重写嵌入在 css 中的 url

我正在使用Gulp连接来自不同目录的多个css文件(Bower管理的依赖项)。Font-awesome是这些依赖项之一,它包含对其字体的相对引用url(../font....)。当css文件被串联并放在不同的目录中时,这个相对url显然是错误的。是否有处理此问题的最佳做法? 最佳答案 你可以使用gulp-replace。https://npmjs.org/package/gulp-replace**gulp-replacecanbecalledwithastringorregex.***replace(string,replacem