javascript - webpack menjana fail HTML daripada berbilang fail kemasukan;

Question

Jana fail HTML daripada berbilang fail entri;
Jana HTML berdasarkan bilangan fail masukan
Contohnya:

Terdapat dua fail kemasukan di sini, rumah dan tentang;

Gunakan pemalam html-webpack-plugin kepada yang baharu
Seperti berikut:

Janakan HTMl berdasarkan bilangan fail masuk
Sebagai contoh: terdapat dua fail masukan di atas
baru dua kali di bawah
Adakah mungkin untuk merangkumkan ini secara dinamik
I' m separuh jalan menulis dan tidak boleh meneruskan

Sila berikan saya DOME;
Saya mempunyai idea tetapi saya tidak tahu bagaimana untuk melaksanakannya secara terperinci; Saya baru mengenali nod;;

xydArray.forEach(fungsi(item){

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

});

module.exports = konfigurasi;

xydArray ialah nilai utama fail kemasukan

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'),
}));