@ nuxtjs / style-resources不导入scss文件

Question

@ nuxtjs / style-resources模块未导入我的scss文件。我有一个特殊的文件夹结构，可以从一个Nuxt项目生成多个网站，我认为这可能会引起问题。

这是我的文件夹结构：

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

这是我在/ shared中的nuxt.config文件的样子：

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-resources导入我的scss文件吗，请帮忙。

Answer 1

我将其固定为：

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

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

Answer 2

传入配置的短语法对我不起作用：

不起作用：

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

作品：

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

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