时间戳

首页 > 解决方案 > @nuxtjs/style-resources 不导入 scss 文件

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

问题描述

@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 文件，请帮忙。

标签： sassnuxt.js

解决方案

我这样修复它：

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

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

推荐阅读