如何预编译尘埃模板

Question

dust-compiler -s controllers/inbox/views/inbox.dust -d    public/js/custom/inbox/messages.js

但我错了

 if (err) throw err;
               ^
Error: ENOTDIR, scandir 'C:\jbk\buy2gthr-master\controllers\inbox\views\inbox.dust'
    at Error (native)

我有inbox.dust文件：

{>"../../../layout/layout"/}

 {<css-content}
 {/css-content}
 {<page-content}
 {/<page-content}
     <script id="entry-template" type="text/x-tmpl">
                  {title}
                    <ul>
                        {#data}
                        <li>{name}</li>{~n}
                        {/data}
                    </ul>
     </script>
**<div id="output"></div>**
 {/page-content}
 {<script-content}
 <script src='/js/custom/inbox/inbox.js'></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/dustjs-linkedin/2.7.2/dust-full.js'></script>
  {/script-content}

和inbox.js文件

$(document).ready(function () {
    var data = {
        "title": "Famous People", 
        "names" : [{ "name": "Larry" },{ "name": "Curly" },{ "name": "Moe" }]
    }

    var source   = $("#entry-template").html();
    var compiled = dust.compile(source, "intro");
    console.log(compiled);

    dust.loadSource(compiled);

    dust.render("intro", data, function(err, out) {
        if(err) console.log(err);
        else
        console.log(out);

        $("#output").html(out);
    });
});

但我还是要去

<div id="output"><ul></ul></div>

Answer 1

我不知道你使用的是什么尘埃编译器，但只需要使用dustc --它是随尘埃而来的。

您可以阅读有关所有dustc API选项的内容，但是要预编译单个文件，您可以执行以下操作

dustc controllers/inbox/views/inbox.dust --output=public/js/custom/inbox/messages.js

dustc使用绝对名称而不是相对名称来编译模板，因为Dust不支持文件系统。除非您已经专门设置了dust.onLoad函数来处理相对路径，否则您将希望使您的包含看起来类似于{> "inbox/messages" /}。