javascript - webpack 多入口文件生成HTML文件；-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - webpack 多入口文件生成HTML文件；

怪我咯 2017-06-17 09:16:25

[Node.js讨论组]

1159

多入口文件生成HTML文件；
根据入口文件的数量，来生成html；
例如：

这里有两个入口文件,home和about；

使用html-webpack-plugin插件来new ；
如下：

根据入口文件的数量来生成HTMl；
例如：上面有两个入口文件；
在下面的的时候就new 两次；
有没有可能把这个封装一下；来动态生存；不需要手动去配置；
我写了一半，写不下去了；

求各位大谁给个DOME；
有思路但是具体的方法不知道怎么去实现；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值

怪我咯

走同样的路，发现不同的人生

全部回复(1)

欧阳克2017-06-17 09:18:25 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'),
}));

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>