关于webpack.optimize.CommonsChunkPlugin的问题

我的入口js是这样的

  entry: {
    login: './app/js/login.js',
    index: './src/js/index.js',
    jquery:['jquery']//jquery用npm安装的
  },

plugins是这样的

new CommonsChunkPlugin({ name: 'common', minChunks: 2 }),
new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    'window.$': 'jquery'
})

login.js是这样的

import {mod1} from './mod1.js'
console.log(mod1+'loginPage');
$('#login-title').text('logintitle');

index.js是这样的

import {mod1} from './mod1.js'
console.log(mod1+'indexPage');

我希望被引用了2次的mod1.js和被用了一次的jquery都被抽取出来,并且jquery还能再从common.js公共包中被单独抽取出来

但是实际结果是:jquery和mod1.js都被打包到了common.js中,jquery.js里什么都没有- -,请问要如何修改才能实现?

阅读 2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进