Is there any way to universally add files?

Question

JavaScript

There is a plugin

new HandlebarsPlugin({
            // path to main hbs template
            entry: path.join(process.cwd(), "app", "src", "index.hbs"),
            // filepath to result
            output: path.join(process.cwd(), "build", "index.html")
        })

This is how the import of a file goes, but this is the import of a specific file. And if I want to import all files from this folder, and display the same amount. Tried to put "*.hbs", did not help! Maybe someone used these plugins and knows how to solve this problem?

Answer 1

Scan a directory, get a list of files, and create as many plugin instances as there are in the folder:

var glob = require('glob');
var files = glob.sync('lib/*.js');

...

plugins: files.map(function(filepath) {
  var basename = path.basename(filepath);
  var basenameWithoutExtension = basename.substr(0, basename.lastIndexOf("."));
  return new HandlebarsPlugin({
    entry: path.resolve(process.cwd(), filepath),
    output: path.join(process.cwd(), 'build', basenameWithoutExtension + '.html')
  });
});

Answer 2

See if the doc for this plugin can help:
https://github.com/wycats/handlebars.js/blob/maste...
or
handlebarsjs.com