草庐IT

gulp-compile-handlebars

全部标签

javascript - Browserify 在大型 Web 项目中的最佳实践 - Gulp

事情是这样的我来自一个网页中包含多个js文件的世界。有些总是包含在页面中(您的库、菜单等...)和其他取决于当前页面(用于登录页面的js、用于订阅的js等。..).基本上假设我有每页1个不同的js文件加上库。现在我想用browserify开始一个新项目,我遇到了一个大问题:在我见过的所有示例中,总是一个入口点(如app.js)。在我的例子中,我将有n个入口点(每页1个)。所以我的问题是:每页有1个入口点是否违反良好做法?为什么?如果是,浏览具有大量页面特定JS的大型应用程序的最佳做法是什么?如果否,如何使用Gulp将其自动化。在我发现的每个例子中。您必须知道每个文件的名称并一个接一个地

javascript - 你如何使用 webpack-dev-server API 和 Gulp 的内联模式

我一直在使用webpack-dev-server带有--inline和--host标志。这一切都很好。webpack-dev-server--inline--hostexample.com然后我查看了使用gulp来结束这个任务和webpack-dev-serverAPI。vargulp=require('gulp');vargutil=require('gulp-util');varWebpack=require('webpack');varWebpackDevServer=require('webpack-dev-server');varWebpackConfig=require('

javascript - Babel polyfill 和 gulp

我无法使用gulp正确加载babel/polyfill。在我的例子中,Array.from方法是未定义的。但是,如果尝试使用gulp.add(require.resolve("babel/polyfill"))加载browser-polyfill.js,我会得到一个错误"onlyone允许使用babel/polyfill实例”。源代码是正确的,因为我已经用babelbrowser-polyfill.js测试了它。源代码://Lib.jsexportdefaultclassLib{constructor(){varsrc=[1,2,3];this.dst=Array.from(src);

javascript - 什么是使用 bower 和 gulp 的干净的前端工作流程?

我一直在努力弄清楚如何干净地安装和更新来自第3方vendor的客户端Assets。我真正想做的就是获取当前版本并将生产就绪文件复制到固定位置。到目前为止我能想到的最好的就是这个丑陋的东西:gulp.task('bower',['clean','load'],function(){varbowerFilesToMove=['angular*/*','bootstrap/dist/*','fontawesome/*','jasny-bootstrap/dist/*','jcrop/css/*','jcrop/js/*','jquery/dist/*','jquery-align-colum

javascript - 如果文件丢失,如何使 Gulp.src 失败?

我们的gulp构建采用了一堆随Bower安装的库,然后将它们与我们分布在多个目录中的所有代码连接起来。这是它的样子:varjsFiles=[sourcePath+'/config/config.js',sourcePath+'/vendor/jquery/dist/jquery.js',sourcePath+'/vendor/js-cookie/src/js.cookie.js',sourcePath+'/vendor/modernizr/modernizr.js',sourcePath+'/vendor/lodash/lodash.js',sourcePath+'/vendor/pi

javascript - Handlebars.js 和 Bootstrap 网格 - 将列换行

我相信我需要一个自定义的Handlebars.jsBlockHelper来处理基于Bootstrap的网格系统中的行。我希望每3件元素都包装在中期望的输出.........模板:{{#employees}}{{name}}{{title}}{{skills}}{{/employees}}数据vardata={"employees":[{"name":"FredFlintstone","title":"FrontendDeveloper","skills":"html,css,javascript"},{"name":"SallyStruthers","title":"FrontendD

javascript - gulp-sass @import CSS 文件

使用gulp-sass我可以包含.scss文件@import'filepath.scss';但是当我尝试使用@import'filepath.css'导入普通的css文件时,它只是添加了importurl(filepath.css);的导入行到输出css文件,而不是实际导入代码。如何导入CSS文件和SCSS文件?我想这样做以包含来自凉亭的文件。这是我的gulp函数://includegulpvargulp=require('gulp');//includedepsvarminifyCSS=require('gulp-minify-css'),autoprefix=require('gu

javascript - 在 Handlebars 模板中执行 Javascript

我们如何在Handlebars模板中执行javascript?例如我有以下内容varconfig={a:1}我希望能够在Handlebars模板中获取config.a的值。 最佳答案 您可以通过注册辅助方法来做到这一点:Handlebars.registerHelper("key_value",function(obj,fn){varsoFar="";varkey;for(keyinobj){if(obj.hasOwnProperty(key)){soFar+=fn({key:key,value:obj[key]});}}retur

javascript - 使用 Ember Handlebars 有条件地向元素添加 Action

我在互联网上搜索过这个问题的答案,但没有找到。我有一个自定义的SideNavigationLinkComponent,它包装了一个围绕标签和可能的子链接。anchor标签看起来像这样:...“你为什么不使用{{link-to}}?”你问。这是因为menu.parent.link不保证是一条有效的路线;有时它类似于#nav-collapsible-44,这打破了{{link-to}}.无论如何,上面代码中anchor标记的作用是作为到另一个Ember页面的顶级链接或导致可折叠的按钮要下拉的子链接列表。我的问题是只要我有{{action"toggle"}}在anchor标记上,链接不会去任

javascript - 如何在 Sails.js 中为 Handlebars 配置局部和布局?

我运行Sails0.9.7并安装了HandlebarsConsolidate.js支持因此是supportedbySails我可以从.handlebars文件提供页面,它工作得很好。我想不出在Sails工作流程中,在Sails方式中,我应该在哪里注册部分组件、助手等...我更多地是在寻找最佳实践,而不仅仅是一个可行的解决方案但任何帮助将不胜感激。 最佳答案 我正在运行v0.10beta但这不应该影响我在下面的工作方式:引擎应该像预期的那样Handlebars路由需要明确定义Controller和操作。设置View将不起作用。(除非我