问

javascript - webpack的CommonsChunkPlugin插件

暗恋具体哦发布于 2022-11-20 07:57

到底是怎么样的规则进行打包的？比如

entry: {
    main: 'main.js',
    commons: ['lib/a','lib/b']
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        name: 'commons'
    })
]

这样打包出来的就是把a 和 b 分离出来

如果

entry: {
    main: 'main.js',
    commons: ['lib/a','lib/b']
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        names: ['main','commons']
    })
]

也仅仅是把 a b分离出来了
有什么区别吗？

并且跟 entry里的key 有什么关系？

1 个回答

传给 CommonsChunkPlugin 一个数组参数 names: ['main','commons']，仅相当于执行两次插件方法。
```
plugins: [
    new webpack.optimize.CommonsChunkPlugin('main'), 
    new webpack.optimize.CommonsChunkPlugin('commons'),
]
```
因为 CommonsChunkPlugin 对于 main 代码块没有操作，
当然跟
```
plugins: [
    new webpack.optimize.CommonsChunkPlugin('commons'),
]
```
最后产生的结果相同
2022-11-20 09:11 回答

i_Screw_Robots

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签