配置webpack打包多页面应用

配置分为三步

• 配置多入口
• 多入口无法对应一个固定的出口，所以修改filename为[name]变量
• 如果使用了html插件，需要手动配置多入口对应的html文件，将指定其对应的输出文件。

entry: {
        main: './src/main.js',
        other: './src/other.js'
    },
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: '[name].js'
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html',
            filename: 'index.html',
            chunks: ['main']
        }),
        new HtmlWebpackPlugin({
            template: './src/other.html',
            filename: 'other.html',
            chunks: ['other']
        })
    ]