webpack多页面依赖不同第三方库如何打包？

Question

目前项目工程根据移动端和pc端引入了vue和jquery，想通过webpack将这两个第三方库引入不同的页面，同时其余公共的文件打到vendor里，应该怎么配置呢？

vendor配置：

new webpack.optimize.CommonsChunkPlugin({
    name: 'vendor',
    minChunks(module) {
        // any required modules inside node_modules are extracted to vendor
        return (
            module.resource &&
  /\.js$/.test(module.resource) &&
  module.resource.indexOf(
      path.join(__dirname, '../node_modules')
  ) === 0
        );
    }
}),
new webpack.optimize.CommonsChunkPlugin({
    name: 'manifest',
    minChunks: Infinity
}),

Answer 1

plugins:[
    new HtmlWebpackPlugin({
        filename: 'index.html',
        template: './index.html',
        inject: true,
        chunks: {
            vue : 'vue '
        }
    }),
    new HtmlWebpackPlugin({
        filename: 'detail.html',
        template: './detail.html',
        inject: true,
        chunks: {
            jquery: 'jquery'
        }
    })
]