如何使用Jade生成纯JavaScript文件

Question

我知道Jade用于生成HTML而不是JavaScript,但是对于我正在工作的项目,它会很棒,而且节省了大量时间,如果我可以在不添加每行的管道的情况下这样做:

|   (function(){
|       //Some JavaScript Code
|       var foo="#{bar}";
|       console.log("This a JavaScript file generated with Jade");
|   })()

我的想法是使用此模板的输出作为常规JavaScript的源包括如下:

<script type="application/javascript" src="foo.generated.js"></script>

所以做这样的事情:

script(type="application/javascript").
    (function(){
        //Some JavaScript Code
        var foo="#{bar}";
        console.log("This a JavaScript file generated with Jade");
    })()

不会解决我的问题,因为我需要输出没有DOM容器元素的纯JavaScript.

有没有其他方法可以做到这一点,而无需在每一行添加管道？或者我必须假设Jade被设计为只生成HTML,放弃,并找到没有Jade的其他解决方案？

提前致谢!

Answer 1

生成所有 XML，包括 HTML。而 jade 的设计初衷并不是为了投射大块的 javascript。您能做的最好的事情就是创建一个方法来获取这些大块并修改变量。正如示例中所做的那样。