问题:
原因:
默认情况下启用了 CSS 代码分割,CSS 样式会被提取到单独的 CSS 文件中,会导致一些样式丢失的情况。
通过将 cssCodeSplit
设置为 false
,可以禁用 CSS 代码分割,这样 CSS 样式将会内联到 JavaScript 中,而不是被提取到单独的 CSS 文件中。这种方式可以解决一些样式丢失的问题,因为样式将直接包含在构建后的 JavaScript 文件中,而不会受到代码分割的影响。
解决方法:
在vite.config.ts文件中加入 cssCodeSplit: false,