Блог

Модуль @nuxtjs/style-resources не импортирует мои файлы scss. У меня есть специальная структура папок для создания нескольких веб-сайтов из одного проекта Nuxt, я думаю, это может вызвать проблему.

Вот как выглядит моя структура папок:

 /
package.json
  /src
    /site-one
    /site-two
    /shared
      nuxt.config.js
      /assets
        /scss
          imports.scss
 

Вот как выглядит мой файл nuxt.config в /shared:

 modules: [
    '@nuxtjs/style-resources',
],

styleResources: {
  scss: [
      './assets/scss/imports.scss',
  ]
},
 

Я '~assets/scss/imports.scss' безуспешно пытался.

Я также попытался создать псевдоним следующим образом:

 build: {
  ...
  extend(config, ctx) {
    config.resolve.alias['~sharedPath'] = __dirname
  }
}
 

и используя такой путь: '~sharedPath/assets/scss/imports.scss' но это, похоже, тоже не работает.

Я не уверен, что еще я могу попытаться заставить @nuxtjs / style-ресурсы импортировать мои файлы scss, пожалуйста, помогите.

Я исправил это так:

 modules: [
  '@nuxtjs/style-resources',
],

styleResources: {
  scss: [
    __dirname   '/assets/scss/imports.scss',
  ]
},
 

Краткий синтаксис передачи в конфигурации не сработал для меня:

Не работает:

  modules:[
    [
      '@nuxtjs/style-resources', {
           scss: [ "~css/variables.scss"],
       }
    ]
]
 

Работает:

 modules: ["@nuxtjs/style-resources"],

  styleResources: {
    scss: ["~css/variables.scss"]
  },