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',
  ]

但是我只想用一种布局来删除所有导入的css，因为所提供的文件是具有所有内联样式的静态HTML文件。

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

Answer 1

您可以将CSS文件添加到布局中的常规样式块中，而不要添加到nuxt.config.js中。

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

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