javascript - webpack的common插件问题

问题描述

问 题

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?

解决方案

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

这篇关于javascript - webpack的common插件问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！