当前位置: 首页 > 知识库问答 >
问题:

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

景英杰
2024-05-13

环境: 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个答案

周良弼
2024-05-13

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

 类似资料:
  • 初始: 可以使用,但 vite 有警告: 移动文件并改为: vite 没有警告了,但浏览器控制台报错: 或是 不移动 文件改为: 都不行,这是为什么? 如何处理?

  • 我有一个带有Web模块和ejb模块的耳朵文件(仅用于消息驱动的bean)。ejb 模块依赖于 Web 模块及其类。我需要先加载 Web 模块,然后再加载 ejb 模块。但是,自由总是首先加载 ejb 模块,从而导致 如何控制模块在同一ear文件中的加载顺序?在传统的webshpere上有一个名为“起始重量”的选项。无论哪个模块的值最低,都会优先加载。因此该应用程序在传统Websphere上运行良好

  • 问题内容: 是否可以使用Javascript将CSS样式表导入html页面?如果是这样,怎么办? 附言:JavaScript将托管在我的网站上,但我希望用户能够放入其网站的标签,并且它应该能够将托管在我的服务器上的CSS文件导入当前网页。(css文件和javascript文件都将托管在我的服务器上)。 问题答案: 这是这样做的“老派”方法,希望可以在所有浏览器上使用。从理论上讲,不幸的是,您将使用

  • 本文向大家介绍如何正确控制springboot中bean的加载顺序小结篇,包括了如何正确控制springboot中bean的加载顺序小结篇的使用技巧和注意事项,需要的朋友参考一下 1.为什么需要控制加载顺序 springboot遵从约定大于配置的原则,极大程度的解决了配置繁琐的问题。在此基础上,又提供了spi机制,用spring.factories可以完成一个小组件的自动装配功能。 在一般业务场景

  • vite配置引入了公共的scss文件,打包后,每个css文件都重复引入了global.scss文件中的内容,如何提取出一个公共的css文件?

  • 有2个前后端分离的项目,前端代码分别使用webpack和vite进行构建。 因为服务器某些改动影响,导致在环境上前端的静态资源文件加载可能会出现随机性的偶然失败(SSL认证失败),问题根因是已知的,现在考虑前端侧如何去规避。 使用webpack构建的项目可以使用 webpack-retry-chunk-load-plugin 规避。 但是vite好像搜不到类似的插件可以实现?