Nuxt3 解决出现两份css样式问题
前言最近才发现,nuxt3项目打包后会产生两份css内容,一份是内联样式,一份是css文件样式,最终是css文件样式覆盖了内联,但是这两份样式是一模一样的,而且都是vue组件才会有这种情况,让人不得不怀疑是不是打包出现问题了。事实上也并非如此,这是nuxt3的一个特性,且仅在使用vite的时候才会有,这个特性就是inlineStyles内联样式,这样html可以很快的渲染出东西,大概是这样一个意思。如果你不需要,或者部分组件不需要,可以通过配置进行修改。教程[hide]我们找到nuxt.config.ts文件,配置如下内容:export default defineNuxtConfig(...
![Nuxt3 解决出现两份css样式问题](https://mulingyuer-1253375624.cos.ap-guangzhou.myqcloud.com/%E5%9B%BE%E7%89%87%E7%A9%BA%E9%97%B4/Nuxt3%20%E8%A7%A3%E5%86%B3%E5%87%BA%E7%8E%B0%E4%B8%A4%E4%BB%BDcss%E6%A0%B7%E5%BC%8F%E9%97%AE%E9%A2%9801.png!Anti_theft)
最近评论