webpack4 处理多入口时，怎么不生成共有文件。

Question

我在配置文件里面加了两个入口，并配置了代码分割。

entry: {
    client: ‘’,
    admin: ‘’,
  },
optimization: {
    splitChunks: {
      chunks: 'all'
    },
  },

目的是为了把第三方代码单独打包。
但是在多入口的情况下，第三方代码和两个入口共享的代码被分割成几个文件。

admin.bundle.js  
admin~client.chunk.js 
client.bundle.js    
vendors~admin~client.chunk.js
vendors~client.chunk.js
// 偶然还会多出一个 vendors~admin.chunk.js

我的期望是两个入口的打包文件不相互依赖，即

admin.bundle.js  
vendors~admin.chunk.js 
// ---------------------------
client.bundle.js    
vendors~client.chunk.js

还没算上提取出来的css文件。我实在不想一个页面加载时引那么多文件orz

Answer 1

试下这样

optimization: {
    splitChunks: {
        cacheGroups: {
            commons: {
                name: 'common',
                priority: 10,
                chunks: 'initial'
            }
        }
    }
}

Answer 2

这里有一个 webpack4 入门例子,你可以查看一下 https://github.com/crlang/eas... 。