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. python bottle跑起來以后,定時執行的任務為什么每次都重復(多)執行一次?2. javascript - ios返回不執行js怎么解決?3. javascript - vue2如何獲取v-model變量名4. node.js - vue中 post數據遇到問題5. 前端 - 誰來解釋下這兩個 CSS selector 區別6. javascript - 求幫助 , ATOM不顯示界面!!!!7. html5 - HTML代碼中的文字亂碼是怎么回事?8. javascript - angular使從elastichearch中取出的文本高亮顯示,如圖所示9. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處10. python - 爬蟲模擬登錄后,爬取csdn后臺文章列表遇到的問題
