javascript - 结合 JSON 文件与 grunt-contrib-concat

Question

我正在寻找将 json 文件合并到一个文件夹中的最佳方式。

使用 HTML、CSS 和 JavaScript 这很容易，因为您不需要分隔符或只需要一个 ;。 然而，对于 JSON，我们还需要更多东西才能使其成为有效的 JSON 对象。

一种方法是用 , 连接文件并将所有内容包装在一个数组中。我想知道是否有更好/更简单的方法来做到这一点。

Gruntfile.js

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
        json: {
            src: ['src/**/*.json'],
            dest: 'dist/combined.json',
            options: {
              ...
            }
        }
    }
});

src/file1.json

{
    "number": 1
}

src/file2.json

{
    "number": 2
}

dist/combined.json

这将是期望的结果:

{
    "numbers": [
        {
            "number": 1
        },
        {
            "number": 2
        }
    ]
}

Answer 1

您应该能够使用 banner和 footer选项。

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    concat: {
        json: {
            src: ['src/**/*.json'],
            dest: 'dist/combined.json',
            options: {
                // Added to the top of the file
                banner: '{"numbers": [',
                // Will be added at the end of the file
                footer: "]}",
                separator: ','
            }
        }
    }
});