從 VSCode Studio Code Webview API 中的文件夾導入所有文件

Question

我正在導入 json 文件如下：

import input1 = require("../test/test1.json");
import input2 = require("../test/test2.json");
import input3 = require("../test/test3.json");
import input4 = require("../test/test4.json");
import input5 = require("../test/test5.json");

我的 tsconfig 設置是：

"module": "commonjs",
"target": "es6",

但是我需要導入包含大量 json 文件的整個“test”文件夾。 如何導入所有文件並將每個文件分配給“輸入”變量？

更新：

我已經嘗試了@Michael 建議的以下代碼。 但是給出了以下錯誤。

const fs = require('fs');

let testDataPath = "../test"
let filenames = fs.readdirSync(testDataPath)

filenames = filenames.filter(it => it.endsWith(".json"))
let runvalue = [];
for(let filename of filenames) {
   let file = JSON.parse(fs.readFileSync(testDataPath + "/" + filename, "utf-8"))
   let json = Object.values(file["covered-points"]);
    runvalue = [...runvalue, new Set(json)]
}

但它給出錯誤： "Uncaught TypeError: fs.readdirSync is not a function"錯誤： "Uncaught TypeError: fs.readdirSync is not a function"

我無法弄清楚 Visual Studio 代碼中的“fs”有什么問題。 有人請幫助我。 感謝您的時間。

Answer 1

假設您使用的是 NodeJS 而不是 Web 瀏覽器，最好的方法是使用fs核心模塊讀取目錄內容，然后讀取文件內容。 例如：

let testDataPath = "./test"
let filenames = fs.readdirSync(testDataPath)
filenames = filenames.filter(it => it.endsWith(".json"))

for(let filename of filenames) {
   let json = JSON.parse(fs.readFileSync(testDataPath + "/" + filename, "utf-8"))
   //do something with the json
}

筆記：

• 通常，您應該使用這些函數的異步版本，但我會將其作為練習留給您
• 給定的路徑需要相對於程序的當前工作目錄，而不是調用函數的文件

參考： https : //nodejs.org/api/fs.html