Nuxt как переопределить глобальный css для страницы?

Question

[Aidos69]

У меня есть проект с несколькими макетами, я добавил CSS глобально в nuxt.config.jsфайл, подобный этому:

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, и если нет, то каков наилучший возможный обходной путь?

Answer 1

[Антон Антон]

Если использовать sass, то можно импортировать стили в лэйаут, а не в конфиг

<style scoped lang="sass">
 .layout-selector
   &::v-deep
    @import '~assets/path/to/style.scss';
    @import '~assets/path/to/custom.scss';
</style>