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

目前项目工程根据移动端和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
}),

回答:

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'
        }
    })
]

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注