問題描述

多入口文件生成HTML文件；根據(jù)入口文件的數(shù)量，來(lái)生成html；例如：

這里有兩個(gè)入口文件,home和about；

使用html-webpack-plugin插件來(lái)new ；如下：

根據(jù)入口文件的數(shù)量來(lái)生成HTMl；例如：上面有兩個(gè)入口文件；在下面的的時(shí)候就new 兩次；有沒有可能把這個(gè)封裝一下；來(lái)動(dòng)態(tài)生存；不需要手動(dòng)去配置；我寫了一半，寫不下去了；

求各位大誰(shuí)給個(gè)DOME；有思路但是具體的方法不知道怎么去實(shí)現(xiàn)；node小白；；

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就是入口文件的key值

問題解答

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