vue项目webpack打包css顺序异常导致警告问题解决 couldn‘t fulfill desired order of chunk group(s)

警告信息如下：

大致意思为：同时有多个页面【组件A，组件B】同时引用了这两个【红标】组件的页面。 如：

A组件

import FloatNav from '@/components/base/FloatNav' import Footer from '@/components/base/Footer'

B组件

import Footer from '@/components/base/Footer' import FloatNav from '@/components/base/FloatNav'

注意这两个组件引入顺序是不一致的

解决方案

将B组件的引用顺序调整和A组件一致即可

建议：这个警告在项目结束时再做调整比较好，避免反复修改或者记录引用顺序【因为项目越做越大，引用的组件也可能不止两个】，当然你得说服运维小哥哥啊，但这不影响大佬们用自己的方式开发。