javascript - 如何将 JSON 数据传递到 Nunjucks 文件中？

Question

我有一个 .njk 文件，我想用 JSON 文件中的数据填充它。

目前我正在使用 Webpack。

这是我的 JSON 文件:

{
    "ranking": "Colors",
    "description": "Here is a ranking of my favorite colors",
    "rankings": [
        {
            "rank": 1,
            "institution": "red",
        },
        {
            "rank": 2,
            "institution": "Blue",
        },
        {
            "rank": 3,
            "institution": "Green",
        }
    ]
}

在我的 nunjucks 文件中，我需要使用什么语法来传递此数据？

Answer 1

对我有用的代码:

var json1 = require('./data/data-1.json');

const SolutionTemplate = require('./solution.njk');

let toggleSolutionFunc = function() {
      if (document.getElementById('solution-content') != null) {
        document.getElementById('solution-content').innerHTML = SolutionTemplate.render(json1);