Как в Webpack получить список страниц html в папке и использовать их?

Question

[Artemio95]

Сейчас есть такой код:

const htmlPageNames = ["index", "thank"];
const multipleHtmlPlugins = htmlPageNames.map((name) => {
  const filename = path.basename(path.resolve(__dirname, `./src/${name}.html`));
  return new HtmlWebpackPlugin({
    template: path.resolve(__dirname, `./src/${name}.html`),
    filename,
    minify: {
      collapseWhitespace: isProd,
    },
  });
});

Ну и далее в плагинах спредю.
Но как мне просто взять папку, которую хочу, и в ней найти все html файлы, сформировать массив и по нему пробегаться, чтобы вручную не вписывать название каждого файла в массив, по которому сейчас пробегаюсь?

Answer 1

[Artemio95]

const folderPath = "./src/";
const pages = fs
  .readdirSync(folderPath)
  .map((filename) => filename)
  .filter((filename) => filename.includes(".html"));
const multipleHtmlPlugins = pages.map((name) => {
  const filename = path.basename(
    path.resolve(__dirname, `${folderPath}${name}`)
  );
  return new HtmlWebpackPlugin({
    template: path.resolve(__dirname, `${folderPath}${name}`),
    filename,
    minify: {
      collapseWhitespace: isProd,
    },
  });
});