vue.js - Nuxt如何覆盖页面的全局css

Question

我有一个具有多个布局的项目，我在nuxt.config.js文件中全局添加了 CSS，如下所示：

  css: [
    '@/assets/plugins/fontawesome-free/css/all.min.css',
    '@/assets/plugins/ionicons/css/ionicons.min.css',
    '@/assets/plugins/feather/feather.css',
    '@/assets/css/style.css',
    '@/assets/css/custom-style.css',
    '@/assets/css/skins.css',
  ]

但我只想要 1 个布局来删除所有导入的 css，因为正在提供的文件是一个静态 HTML 文件，所有样式都内联。

这在 nuxt 中是否可行，如果没有，最好的解决方法是什么？

标签： vue.jsnuxt.js

Answer 1

您可以在布局中以普通样式块而不是在 nuxt.config.js 中添加 css 文件。

<style lang="scss">
@import ...;
</style>

然后，您可以使用没有这些 css 文件的其他布局。