Gruntfile Jade 任务编译怪异模板

【问题标题】：Gruntfile Jade task compiling weird templateGruntfile Jade 任务编译怪异模板
【发布时间】：2014-11-18 22:03:13
【问题描述】：

我有一个非常简单的翡翠模板，只有一个变量。但是，当我生成html文件时，会推入一堆jade javascript并创建一个runtime.js文件。

这是我的任务：

jade: {
    prod: {
        options: {
            data  : {
                mainJs: 'dist/main.js',
            },
            pretty: true,
            extension: ".html"
        },
        files:[{
            src: '<%= yeoman.app %>/index.jade',
            dest: '<%= yeoman.app %>',
        }]
    }
}

知道我在这里缺少什么吗？

【问题讨论】：

标签： javascript node.js backbone.js gruntjs pug

【解决方案1】：

我假设您正在使用 grunt-contrib-jade 插件？如果是，请检查“数据”和“文件”选项的格式。

根据plugin page 上的示例，我认为您可以这样做：

“数据”选项

data: function () {
    return require('./dist/main.json');
}

请注意，所需文件必须是 JSON 而不是 JS 文件。

“文件”选项

files: {
    '<%= yeoman.app %>/index.html': '<%= yeoman.app %>/index.jade'
}

最后，我在文档中没有看到“扩展”选项。

【讨论】：