Javascript – Webpack generiert HTML-Dateien aus mehreren Eingabedateien;

Question

HTML-Dateien aus mehreren Eintragsdateien generieren;
HTML basierend auf der Anzahl der Eintragsdateien generieren
Zum Beispiel:

Hier gibt es zwei Eintragsdateien, Zuhause und Ungefähr;

Verwenden Sie das HTML-Webpack-Plugin-Plugin für neue
Wie folgt:

Generieren Sie HTMl basierend auf der Anzahl der Eintragsdateien.
Neu ist es möglich, dies dynamisch zu kapseln. Ich bin mitten im Schreiben und kann nicht weitermachen

Bitte geben Sie mir einen DOME;
Ich habe eine Idee, weiß aber nicht, wie ich sie im Detail umsetzen soll;;;

xydArray.forEach(function(item){

var xydConf = {
    filename: './'+item+'.html',
    template: './'+item+'.html',
    chunks:[item],
    inject:true,
    hash:true
}
config.plugins.push(new htmlWebpackPlugin(xydConf));

});

module.exports = config;

xydArray ist der Schlüsselwert der Eintragsdatei

Answer 1

const pages = [
  {
    name: 'page0',
    title: 'page0',
  },
  {
    name: 'page1',
    title: 'page1',
  },
  {
    name: 'page2',
    title: 'page2',
  },
];

const plugins = pages.map(({ name, title }) => new HtmlWebpackPlugin({
  title,
  chunks: [name],
  filename: path.resolve(__dirname, `build/${name}.html`),
  template: path.resolve(__dirname, 'app/template.html'),
}));