vite分包,如何控制css文件的加载顺序?-灵析社区

Mia好纠结

环境: vite2.9 + vue3 vben框架 vite使用了分包 rollupOptions: { manualChunks(id) { if (id.includes('node_modules')) { return 'vendor'; } }, }, 会多出一个vendor.xxx.js 以及 vendor.xxx.css; 然后再注入到index.html的时候,会先导入vendor.xxx.css 然后再注入index.xxx.css,![加载顺序示例](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240928/5fc673d7e486da16a394e2f69842073c.png)这就导致了第三方库的一些样式被后面的index.xxx.css所覆盖,这种如何解决 我再plugin中,改变了之前的css的加载顺序,结果不尽人意,无法改变这种注入的顺序

阅读量:217

点赞量:0

问AI
劳资最帅
分包不影响引入引入顺序的吧,你看看你 index.html 引入 css 的顺序,肯定是后面的覆盖前面的