webpack - 如何配置我的 webpack.config.js 以提取这些依赖项？

Question

对象的构造

我想将“vue”提取到一个块，将“jquery”提取到一个块以及与“vue”相关的东西，例如“vuex”、“vue-router”到另一个块。CommonChunkPlugin 应该怎么做？

这些代码是我的配置，它将 vue 和 jquery 与其他代码结合在一起

new webpack.optimize.CommonsChunkPlugin(
  name: 'vendor',
  minChunks: function(module, count) {
    return (
      module.resource &&
      /\.js$/.test(module.resource) && 
      module.resource.indexOf( path.join(__dirname, '../node_modules') ) === 0
    )
  }
}),
new webpack.optimize.CommonsChunkPlugin({
  name: 'manifest',
  chunks: ['vendor']
})

entry: {
  collegedaily: '.src/collegedaily/collegedaily.js',
  editor: './src/editor/editor.js',
  sharepage: './src/share/blog.js',
  agreement: './src/agreement/agreement.js',
  invitationCode: './src/invitationCode/invitationCode.js'
}

非常感谢！

Answer 1

您可以创建两个 CommonsChunkPlugin 的新实例，并使它们像这样

new webpack.optimize.CommonsChunkPlugin({
   name: 'vue',
   minChunks: function(module, count) {
     return  module.resource && (/vue/).test(module.resource)    
   }
}),
new webpack.optimize.CommonsChunkPlugin({
   name: 'jquery',
   minChunks: function(module, count) {
     return  module.resource && (/jquery/).test(module.resource)    
   }
}),