首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用Grunt.js的带有部分参数的静态超文本标记语言编译

使用Grunt.js的带有部分参数的静态超文本标记语言编译
EN

Stack Overflow用户
提问于 2013-08-16 07:48:41
回答 2查看 9.3K关注 0票数 18

我一直在寻找一些可以让我使用Grunt预编译静态网站的东西。它需要有分词,这样我就可以在页面上包含像公共页眉/页脚这样的东西。

到目前为止,我只找到了Jade,它有一个grunt插件,以及Grunt的this插件,它将Dust.js模板编译成static HTML。我真的不喜欢Jade的语法,Grunt的Dust插件也不太理想。

是否有一些支持Grunt/Gulp的静态HTML模板语言不会偏离常规HTML太多,并且仍然活跃?

EN

回答 2

Stack Overflow用户

发布于 2013-08-28 21:57:59

我已经在grunt plugin assemble上取得了一些成功。当我第一次使用它的时候,我做了几个vid:

http://www.youtube.com/watch?v=oRwL5Y7K0CM (5:43)

http://www.youtube.com/watch?v=R9Jj9ciA2wM (16:44)

以下是官方网站:

https://github.com/assemble/assemble

在该站点上,您可以看到如何使用分数;例如:

代码语言:javascript
复制
assemble: {
  options: {
    assets: 'assets',
    partials: ['docs/includes/**/*.hbs'],
    data: ['docs/data/**/*.{json,yml}']
  },
  pages: {
    src: ['docs/*.hbs'],
    dest: './'
  }
}

然后,基本上你可以运行类似这样的东西:

代码语言:javascript
复制
grunt assemble

或者,对于更细粒度的控制,可以执行assemble目标的任务,如下所示:

代码语言:javascript
复制
grunt assemble:your_target

它对我来说运行得很好。它确实需要一些学习曲线,随着他们继续努力,文档可能会有所改善。

票数 2
EN

Stack Overflow用户

发布于 2013-09-30 19:50:12

我使用https://npmjs.org/package/grunt-dust预编译带有部分参数的灰尘模板。

Gruntfile.js的相关部分可能如下所示:

代码语言:javascript
复制
    dust: {
        defaults: {
            files: {
                'views/index.js': 'views/**/*.dust'
            },  
            options: {
                wrapper: 'commonjs',
                runtime: false,
                wrapperOptions: {
                    returning: 'dust',
                    deps: {
                        dust: 'dustjs-linkedin',
                        dustHelpers: 'dustjs-helpers'
                    }   
                }   

            }   
        }   
    },

这将把所有编译好的dust模板放在一个views/index.js中。

https://github.com/vtsvang/grunt-dust上有更多的例子和更详细的文档

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18263750

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档