Options for code splitting vendor dependencies w/webpack

vendor-code-splitting

/***** option A - separate vendor entry point in webpack config

// webpack config
module.exports = {
  entry: {
    index: './index.js',
    vendor: './vendor.js'
  },
  
  plugins: [
  
    new webpack.optimize.CommonsChunkPlugin({
      name: 'common'
    })
    
  ]
}

// vendor.js
import lodash from 'lodash'

// index.js
import foo from 'bar'


/**** option B - import vendor in index.js, one webpack entry point
// webpack config
module.exports = {
  
  entry: {
    index: './index.js'
  },
  
  plugins: [
  
    new webpack.optimize.CommonsChunkPlugin({
      name: 'common'
    })
    
  ]
}

// vendor.js
import lodash from 'lodash'

// index.js
import './vendor.js'
import foo from 'bar'