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

我有一个具有多个布局的项目，我在

numxt.config.js

文件中全局添加了CSS，如下所示：

css:[
“@/assets/plugins/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中可能吗？如果不可能，最好的解决方法是什么？

您可以将css文件添加到布局中的普通样式块中，而不是nuxt.config.js中

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

@进口。。。；

---

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

您可以将css文件添加到普通样式块中的布局中，而不是添加到nuxt.config.js中

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

@进口。。。；

---

然后，您可以使用没有这些css文件的另一个版面。

但这样我将不得不编辑所有版面，并在所有版面中添加导入，只有1个除外。我认为有一种简单的方法可以告诉nuxt从这个1布局中删除所有导入。我只是猜测，但由于nuxt.conf.js是全局的，我认为这是不可能的。你可以在一个SCS中添加文件的所有导入，并且只导入这个而不是许多CSS。但是这样我将不得不编辑所有版面，并在所有版面中添加导入，除了1个。我认为有一种简单的方法可以告诉nuxt从这个1布局中删除所有导入。我只是猜测，但由于nuxt.conf.js是全局的，我认为这是不可能的。您可以将文件的所有导入添加到一个SCS中，并仅导入该文件，而不是导入多个CSS。