javascript - webpack的common插件问题

Question

a.js

module.exports = function() {
    console.log('a')
    require('c')()
}

b.js

module.exports = function() {
    console.log('b')
    require('c')()
}

c.js

module.exports = function() {
    console.log('c')
}

入口文件 index.js

require('a')()
require('b')()
require('c')()

插件配置

new webpack.optimize.CommonsChunkPlugin('common.js')

理论上c.js会被提取到common.js
实际并没有应该怎么配置 ？
why?

Answer 1

entry: {
    itest: './entry/itest',
    common: ['vue', 'vue-resource','chart']
},

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common', 'common.js');

不太理解楼主的意思，这个是我的写法

补充一下：

    new webpack.ProvidePlugin({
        vr: 'vue-resource',
        Vue: 'vue',
        Chart:'chart'
    }),