vite分包,如何控制css文件的加载顺序?

环境: 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,加载顺序示例这就导致了第三方库的一些样式被后面的index.xxx.css所覆盖,这种如何解决

我再plugin中,改变了之前的css的加载顺序,结果不尽人意,无法改变这种注入的顺序

阅读 1.6k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题