前言

最近才发现,nuxt3项目打包后会产生两份css内容,一份是内联样式,一份是css文件样式,最终是css文件样式覆盖了内联,但是这两份样式是一模一样的,而且都是vue组件才会有这种情况,让人不得不怀疑是不是打包出现问题了。

事实上也并非如此,这是nuxt3的一个特性,且仅在使用vite的时候才会有,这个特性就是inlineStyles内联样式,这样html可以很快的渲染出东西,大概是这样一个意思。

如果你不需要,或者部分组件不需要,可以通过配置进行修改。

教程

此处内容已隐藏回复后方可阅读。

分类: nuxt 标签: 样式Nuxt3

评论

全部评论 7

  1. Ben
    Ben
    Google Chrome Windows 10
    [2024][脱单doge]
  2. wyf
    wyf
    Google Chrome MacOS
    学习学习学习
  3. 吖哈
    吖哈
    Google Chrome Windows 10
    学习学习学习
  4. 啥
    Google Chrome MacOS
    学习学习。
  5. Yancary
    Yancary
    Google Chrome MacOS
    学习学习。
  6. wu先生
    wu先生
    Google Chrome Windows 10
    不明觉历。
  7. Dabenshi
    Dabenshi
    Google Chrome Windows 10
    我也遇到过类似的问题,当时用!important处理的,记忆尤深啊

目录