javascript - webpack 多入口文件生成HTML文件;
問題描述
多入口文件生成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: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’),}));
相關文章:
1. debian - docker依賴的aufs-tools源碼哪里可以找到啊?2. macos - mac下docker如何設置代理3. docker - 如何修改運行中容器的配置4. angular.js使用$resource服務把數據存入mongodb的問題。5. docker api 開發的端口怎么獲取?6. docker gitlab 如何git clone?7. javascript - 連續點擊觸發mouseleave事件8. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????9. docker start -a dockername 老是卡住,什么情況?10. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下

網公網安備