optimization.splitChunks配置的问题

[Shadowzzh]

我不太明白为什么只有一些库（例如 Material UI、React 和 React Router）可以成功地拆分为单独的代码块。 而其他不能被拆分，从而导致background.js 和 contentScript.js不能立即执行。

此外，我还尝试使用 runtimeChunk 选项来将运行时代码提取到单独的代码块中，但是单独拆分运行时代码，也会导致background.js 和 contentScript.js不能立即执行。

我明白这个问题不是你的项目的问题，而是关于我对 Webpack 的使用理解不够深入。

[tjx666]

没太理解，你可能得贴个仓库地址或者加点图讲详细点

[Shadowzzh]

使用splitChunks选项和runtimeChunk配置时，会导致content功能失效。 但是popup、options、background可以正常运行。

[Shadowzzh]

已解决！，因为使用splitChunks选项和runtimeChunk配置，在wepack.target=web时，会通过html文件引入其他chunk。如下；

而content.js和backgroud.js没有页面，所以只能另辟蹊径。 我解决方案是使用两套webpack配置，分别配置它们。

主要还是对wepack不够熟悉。