vue项目打包时有时拆包正常有时无法拆包

Question

vue项目打包时有事拆包正常有时无法拆包
项目是在 vue-element-admin 开源框架的基础上进行开发的 打包的时候有时打出来的js是拆分正常的，有时候打出来的都在一起 有没有遇到过的指点下，问题可能出在哪里？

未拆

正常

Answer 1

可能是你的配置有问题。从你给出的代码中可以看到你设置了多个 cacheGroups，用来将不同的模块分别打包到不同的文件中。但是你的配置中有可能有问题导致有时无法拆包。

首先，你可以检查一下你的 test 条件是否正确。这些条件用来确定哪些模块应该被打包到哪个文件中，如果 test 条件不准确可能会导致错误的模块被打包到了同一个文件中。
其次，你可以检查一下你的 priority 值是否合理。priority 用来确定当模块符合多个 cacheGroups 时，应该被打包到哪个文件中。如果 priority 的值设置不合理可能会导致错误的模块被打包到了不同的文件中。
再次，你可以检查一下你的 minChunks 是否合理。minChunks 用来确定当一个模块被几个入口文件引用时才会被打包到 commons 中，如果值设置不合理可能导致某些模块没有被打包到 commons 文件中。

此外，你可以尝试使用 webpack-bundle-analyzer 工具来检查打包后的文件结构，这可以帮助你更好地理解打包过程并找到问题所在。

总之，你可以从上面提到的几个方面入手，检查你的配置，确保它们是正确的。如果仍然无法解决问题，可以尝试提供更多细节来获得更具体的帮助。