Прекомпиляция файлов s css в css - PullRequest
Новая
       7

Прекомпиляция файлов s css в css

1 голос
/ 11 января 2020

У меня есть приложение nuxt, и я включаю свой файл css в свой файл nuxt.config. js, поэтому он компилируется и доступен в моем приложении. 

export default {
...
    css: [
    { src: '~assets/sass/app.scss', lang: 'scss' },
  ]
...
}

Теперь я Я пытаюсь реализовать раздел администратора, который будет использовать другой макет.

Я использую 2 файла макета, по умолчанию. vue и admin. vue. Моя цель - использовать «assets / sass / app.s css» для приложения, которое существует в данный момент, и создать «assets / sass / admin / app.s css» для моего раздела администратора.

Проблема в том, что когда я включу их обоих в свой nuxt.config. js, они оба будут обработаны. Есть ли способ скомпилировать файлы s css при сборке, а затем включить скомпилированные файлы css в раздел head файлов макета vue?

1 Ответ

1 голос
/ 12 января 2020

В вашем основном файле App.vue вы можете импортировать файл s css в теги стиля. 

<style lang="scss">
@import "path/to/app.scss"
</style>

Он должен скомпилироваться.

...