Nuxt插件里怎么正确引入全局CSS样式？

Code°依依提问于 2026-03-15 16:56:22 阅读 3

框架

我在Nuxt 3项目里写了一个插件，想通过它注入一些全局的CSS变量，但发现样式没生效。我试过在插件里用import '@/assets/css/variables.css'，也试过在nuxt.config.ts里配css字段，但都不行。控制台也没报错，就是样式没加载。

这是我的CSS文件内容：

:root {
  --primary-color: #3b82f6;
  --border-radius: 8px;
  --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

是不是插件里不能直接import CSS？那该怎么在插件中正确引入全局样式？

Vue框架全栈开发服务端渲染

我来解答赞 4 收藏

反馈

暂无解答