fs.readFile 和变量传入节点

Question

我的节点项目中有两个这样的变量

header ="Hello Header";
result =  `<html>
    </head>
        <body>
            <div class='modal'>
                <div class='header'>
                    ${header}
                </div>
            </div>
        </body>
        </html>`;

我想从 html 文件中加载这个 html 部件并将header值传递给它。 我们怎样才能实现它？

我知道我们可以使用 fs.readFile

fs.readFile("index.html", 'utf8', function (err, data) {
    result = data;
});

但是我怎样才能将header变量传递给这个变量呢？

Answer 1

最简单和最快的解决方案是：

使用 {{ header }}
像往常一样读取文件
fs.readFile("index.html", 'utf8', function (err, data) { // 在这里做点什么 });

或者

你可以使用 Promise 来获得更好的可读性和紧凑的代码

import {promises} from "fs"
(async () => {
  const html = await promises.readFile(file, "utf8");
})()

然后，当您在变量中有 HTML 时，只需执行以下操作：
data.replace("{{ header }}", 标头)

fs.readFile 和变量传入节点

问题描述

1 个解决方案

解决方案1
1 2021-12-07 08:46:59

fs.readFile 和变量传入节点

问题描述

1 个解决方案

解决方案1 1 2021-12-07 08:46:59

解决方案1
1 2021-12-07 08:46:59