多入口首先需要在入口entry中配置多个入口文件

    1. entry: {
    2. // 这里入口就有两个chunk, index和other
    3. index: path.join(srcPath, 'index.js'),
    4. other: path.join(srcPath, 'index.js')
    5. }

    接着要修改htmlwebpackplugin的配置,要生成多个html

    1. plugins: [
    2. new HtmlWebpackPlugin({
    3. template: path.join(srcPath, 'index.html'),
    4. filename: 'index.html',
    5. // chunks 表示该页面要引用哪些 chunk (即上面的index和other)
    6. chunks: ['index'] // 只引入index
    7. }),
    8. new HtmlWebpackPlugin({
    9. template: path.join(srcPath, 'other.html'),
    10. filename: 'other.html',
    11. chunks: ['other'] // 只引入other
    12. })
    13. ]