如何使用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而设计的。 您可以做的最好的事情是创建一个获取这些大块的方法，并修改变量。 正如在示例中所做的那样。

Answer 2

我认为你应该使用：

res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Content-Type', 'text/javascript; charset=utf-8');
res.end(`(function(){
    //Some JavaScript Code
    var foo="${bar}";
    console.log("This a JavaScript file generated with Jade");
})()`);