blocks|key|258007|text|我已经在grunt+plugin+assemble上取得了一些成功。当我第一次使用它的时候，我做了几个vid：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|258008|http://www.youtube.com/watch?v=oRwL5Y7K0CM+(5:43)|offset|length|258009|http://www.youtube.com/watch?v=R9Jj9ciA2wM+(16:44)|258010|以下是官方网站：|258011|https://github.com/assemble/assemble|258012|在该站点上，您可以看到如何使用分数；例如：|258013|assemble:+{
++options:+{
++++assets:+'assets',
++++partials:+['docs/includes/**/*.hbs'],
++++data:+['docs/data/**/*.{json,yml}']
++},
++pages:+{
++++src:+['docs/*.hbs'],
++++dest:+'./'
++}
}|code-block|syntax|javascript|258014|然后，基本上你可以运行类似这样的东西：|258015|grunt+assemble|258016|或者，对于更细粒度的控制，可以执行assemble目标的任务，如下所示：|258017|grunt+assemble:your_target|258018|它对我来说运行得很好。它确实需要一些学习曲线，随着他们继续努力，文档可能会有所改善。|258019|entityMap|0|LINK|mutability|MUTABLE|url|http://www.youtube.com/watch?v=oRwL5Y7K0CM|1|http://www.youtube.com/watch?v=R9Jj9ciA2wM|2^0|0|0|16|0|0|0|16|1|0|0|0|10|2|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1E|8|@]|9|@$D|1F|E|1G|1|1H]]|A|$]]|$1|F|3|G|5|6|7|1I|8|@]|9|@$D|1J|E|1K|1|1L]]|A|$]]|$1|H|3|I|5|6|7|1M|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1N|8|@]|9|@$D|1O|E|1P|1|1Q]]|A|$]]|$1|L|3|M|5|6|7|1R|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|1S|8|@]|9|@]|A|$Q|R]]|$1|S|3|T|5|6|7|1T|8|@]|9|@]|A|$]]|$1|U|3|V|5|P|7|1U|8|@]|9|@]|A|$Q|R]]|$1|W|3|X|5|6|7|1V|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|P|7|1W|8|@]|9|@]|A|$Q|R]]|$1|10|3|11|5|6|7|1X|8|@]|9|@]|A|$]]|$1|12|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]]|13|$14|$5|15|16|17|A|$18|19]]|1A|$5|15|16|17|A|$18|1B]]|1C|$5|15|16|17|A|$18|K]]]]

I've been having some success doing just that with grunt plugin assemble. I made a couple of vids when I first started using it:

<a href="http://www.youtube.com/watch?v=oRwL5Y7K0CM" rel="nofollow">http://www.youtube.com/watch?v=oRwL5Y7K0CM</a> (5:43)

<a href="http://www.youtube.com/watch?v=R9Jj9ciA2wM" rel="nofollow">http://www.youtube.com/watch?v=R9Jj9ciA2wM</a> (16:44)

Here's the official site:

<a href="https://github.com/assemble/assemble" rel="nofollow">https://github.com/assemble/assemble</a>

From that site you can see how partials can be used; for example:

<pre><code>assemble: {
 options: {
 assets: 'assets',
 partials: ['docs/includes/**/*.hbs'],
 data: ['docs/data/**/*.{json,yml}']
 },
 pages: {
 src: ['docs/*.hbs'],
 dest: './'
 }
}
</code></pre>

Then essentially you're able to run something like:

<pre><code>grunt assemble
</code></pre>

or for more fine grained control you can execute a task of the assemble target like:

<pre><code>grunt assemble:your_target
</code></pre>

It's working well for me. It does require a bit of a learning curve and the docs will likely improve as they continue to work on it.

blocks|key|258039|text|我使用https://npmjs.org/package/grunt-dust预编译带有部分参数的灰尘模板。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|258040|Gruntfile.js的相关部分可能如下所示：|style|CODE|258041|++++dust:+{
++++++++defaults:+{
++++++++++++files:+{
++++++++++++++++'views/index.js':+'views/**/*.dust'
++++++++++++},++
++++++++++++options:+{
++++++++++++++++wrapper:+'commonjs',
++++++++++++++++runtime:+false,
++++++++++++++++wrapperOptions:+{
++++++++++++++++++++returning:+'dust',
++++++++++++++++++++deps:+{
++++++++++++++++++++++++dust:+'dustjs-linkedin',
++++++++++++++++++++++++dustHelpers:+'dustjs-helpers'
++++++++++++++++++++}+++
++++++++++++++++}+++

++++++++++++}+++
++++++++}+++
++++},|code-block|syntax|javascript|258042|这将把所有编译好的dust模板放在一个views/index.js中。|258043|在https://github.com/vtsvang/grunt-dust上有更多的例子和更详细的文档|258044|entityMap|0|LINK|mutability|MUTABLE|url|https://npmjs.org/package/grunt-dust|1|https://github.com/vtsvang/grunt-dust^0|3|10|0|0|0|C|0|0|J|E|0|1|11|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@$A|15|B|16|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|17|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|6|7|18|8|@$A|19|B|1A|F|G]]|9|@]|C|$]]|$1|O|3|P|5|6|7|1B|8|@]|9|@$A|1C|B|1D|1|1E]]|C|$]]|$1|Q|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

I use <a href="https://npmjs.org/package/grunt-dust" rel="nofollow">https://npmjs.org/package/grunt-dust</a> for pre-compiling dust templates with partials.

The relevant part of <code>Gruntfile.js</code> can look something like this:

<pre><code> dust: {
 defaults: {
 files: {
 'views/index.js': 'views/**/*.dust'
 }, 
 options: {
 wrapper: 'commonjs',
 runtime: false,
 wrapperOptions: {
 returning: 'dust',
 deps: {
 dust: 'dustjs-linkedin',
 dustHelpers: 'dustjs-helpers'
 } 
 } 

 } 
 } 
 },
</code></pre>

This will put all of the compiled dust templates in a <code>views/index.js</code>.

There are more examples and more detailed docs at <a href="https://github.com/vtsvang/grunt-dust" rel="nofollow">https://github.com/vtsvang/grunt-dust</a>

I've been looking all over for something that will let me precompile static websites using Grunt. It needs to have partials, so I can include things like a common header/footer across the pages.

So far, I've only really found <a href="http://Jade-lang.com" rel="noreferrer">Jade</a>, which has a grunt plugin, and <a href="https://github.com/ehynds/grunt-dust-html" rel="noreferrer">this</a> plugin for Grunt that compiles Dust.js templates to static HTML. I don't really like Jade's syntax, and the Dust plugin for Grunt is less than ideal. 

Are there any static HTML templating languages with Grunt/Gulp support that don't deviate too much from regular HTML, and are still active?

Static HTML compilation with partials using Grunt.js

我一直在寻找一些可以让我使用Grunt预编译静态网站的东西。它需要有分词，这样我就可以在页面上包含像公共页眉/页脚这样的东西。到目前为止，我只找到了，它有一个grunt插件，以及Grunt的插件，它将Dust.js模板编译成static HTML。我真的不喜欢Jade的语法，Grunt的Dust插件也不太理想。是否有一...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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