web-webpack-plugin HTML入口支持插件
Webpack 的多页面配置用起来挺麻烦的，尤其是你还在用html-webpack-plugin那一套的话，维护起来吃力。web-webpack-plugin就比较省心，直接拿 HTML 当入口文件来，写法更自由，结构也清晰。
用法也不复杂，安装一下：
npm i web-webpack-plugin --save-dev在webpack.config.js里引入：
const { WebPlugin, AutoWebPlugin } = require('web-webpack-plugin');最常见的用法，就是多个入口文件：
module.exports = {
entry: {
A: './a',
B: './b',
},
plugins: [
new WebPlugin({ entry: 'A', filename: 'a.html' }),
new WebPlugin({ entry: 'B', filename: 'b.html' })
]
};它挺适合那种项目结构偏传统、页面多、每个页面逻辑都不太一样的情况，比如后台管理系统、CMS 类的项目。你只管把每个HTML写好，web-webpack-plugin会自动帮你把 JS 打进去，配置也好控制。
要注意一点，它不是替代html-webpack-plugin的所有场景，但你要是碰到多入口+多页面的需求，它比后者顺手多了。再搭配像Webpack 多入口多出口示例这样的参考，思路更清楚。
如果你正在做一个多页面项目，又对html-webpack-plugin感觉束手束脚，不妨试试web-webpack-plugin，灵活不少，用过就知道。
文件大小：1.34MB
评论区