如何配置多入口（Multi-page / MPA）构建？
多页应用（如后台 + 官网共用一套工程）需要多个 HTML 入口：
// webpack
const path = require('path')
module.exports = {
entry: {
main: './src/main.js',
admin: './src/admin.js'
},
output: { filename: '[name].[contenthash].js' },
plugins: [
new HtmlWebpackPlugin({ filename: 'index.html', chunks: ['main'] }),
new HtmlWebpackPlugin({ filename: 'admin.html', chunks: ['admin'] })
]
}要点：
- 每个入口配一个
HtmlWebpackPlugin并指定chunks（只引入对应 JS） - 公共依赖仍可用
splitChunks抽成共享 chunk - Vite 用
build.rollupOptions.input配置多入口对象