关于webpack.optimize.CommonsChunkPlugin的问题

发布于 2022-09-04 19:46:06 字数 796 浏览 10 评论 0

我的入口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里什么都没有- -,请问要如何修改才能实现?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文