javascript - Gruntfile Jade 任务编译奇怪的模板

Question

我有一个非常简单的 Jade 模板，只有一个变量。然而，当我生成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 %>',
        }]
    }
}

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

Answer 1

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

基于 plugin page 上的示例，我认为你可以这样做:

“数据”选项

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

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

"file"选项

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

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