Javascript 网页包-拆分供应商和全局应用程序代码

Javascript 网页包-拆分供应商和全局应用程序代码,javascript,webpack,Javascript,Webpack,我正在使用webpack,希望能够将我的代码拆分为以下捆绑包: 供应商代码,例如所有全球使用的软件包 全局应用程序代码,例如在整个应用程序中由至少x个模块共享的代码 页面特定捆绑包 到目前为止,我已经使用common chunks插件成功地将特定于页面的捆绑包从供应商和全局应用程序代码中分离出来: new webpack.optimize.CommonsChunkPlugin({ filename: 'common.bundle.js', minChunks:

我正在使用webpack,希望能够将我的代码拆分为以下捆绑包:

  • 供应商代码,例如所有全球使用的软件包
  • 全局应用程序代码,例如在整个应用程序中由至少x个模块共享的代码
  • 页面特定捆绑包
  • 到目前为止,我已经使用common chunks插件成功地将特定于页面的捆绑包从供应商和全局应用程序代码中分离出来:

     new webpack.optimize.CommonsChunkPlugin({
            filename: 'common.bundle.js',
            minChunks: 20
          }),
    
    但是,我希望能够将此通用捆绑包拆分为vendor.bundle.js和global.app.bundle.js

    有人能给我指出正确的方向来做这件事吗?很多例子纯粹是关于拆分供应商和应用程序的

    提前谢谢