Как импортировать всю папку SCSS в проект Vue Nuxt?

Question

В моей компании мы не пишем css в файлах Vue, мы предпочитаем делать это старым способом с SCSS.

Проблема в том, что нам приходится писать новый импорт в styles.scss каждый раз, когда мы создаем новый компонент, и это действительно мешает мне в больших проектах.

Не так давно, когда я занимался разработкой в ​​React, я импортировал модуль с именем node-sass-glob-importer в webpack.config файл, немного подправил ( вы можете проверить здесь ), и это сработало - я мог импортировать папку, как это: @import "components/**";

В Nuxt у меня есть только файл nuxt.config.js, и я немного потерялся. Я знаю, как расширить некоторые простые вещи, но это кажется более сложным.

Помогаете ли вы импортировать node-sass-glob-importer или делать то же самое другим способом?

Answer 1

как насчет использования https://github.com/nuxt-community/style-resources-module и затем:

export default {
  modules: ['@nuxtjs/style-resources'],
  styleResources: {
    scss: [
      './assets/yourFolder/*.scss'
    ]
  }
}