vue3+vite项目打包后css样式丢失

问题:

vue3+vite项目打包后css样式丢失_第1张图片

原因:

        默认情况下启用了 CSS 代码分割,CSS 样式会被提取到单独的 CSS 文件中,会导致一些样式丢失的情况。

        通过将 cssCodeSplit 设置为 false,可以禁用 CSS 代码分割,这样 CSS 样式将会内联到 JavaScript 中,而不是被提取到单独的 CSS 文件中。这种方式可以解决一些样式丢失的问题,因为样式将直接包含在构建后的 JavaScript 文件中,而不会受到代码分割的影响。

解决方法:

在vite.config.ts文件中加入 cssCodeSplit: false,

vue3+vite项目打包后css样式丢失_第2张图片

你可能感兴趣的:(javascript,开发语言,ecmascript)