前言

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

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

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

教程

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

分类: nuxt 标签: 样式Nuxt3

评论

全部评论 12

  1. vdvd
    vdvd
    Google Chrome Windows 10
    学习学习学习学习
  2. 图图爱学习
    图图爱学习
    Google Chrome Windows 10
    感谢作者分享[呲牙]
  3. 路过
    路过
    Google Chrome Windows 10
    了解一下吧
  4. as
    as
    Google Chrome MacOS
    振宇与语言
  5. Ban
    Ban
    Google Chrome Windows 10
    学习学习学习学习
  6. Ben
    Ben
    Google Chrome Windows 10
    [2024][脱单doge]
  7. wyf
    wyf
    Google Chrome MacOS
    学习学习学习
  8. 吖哈
    吖哈
    Google Chrome Windows 10
    学习学习学习
  9. 啥
    Google Chrome MacOS
    学习学习。
  10. Yancary
    Yancary
    Google Chrome MacOS
    学习学习。

目录