无法获取includePaths来解析我的SCSS导入路径

Question

我一直试图获取我的SCSS导入来解决自身问题，但是没有运气。我为includePaths条目尝试了各种不同的路径，但没有成功。当我认为它应该更像src/common/scss之类的时候，我把它留在了'node_modules'上。

我的项目结构如下：

project-folder
|  webpack.config.js
|  src
|  | common
|  |  | scss
|  |  | | _variables.scss

这是我的模块>规则条目：

{
    test: /\.scss$/,
    use: [
      {
        loader: "style-loader"
      },
      {
        loader: "css-loader"
      },
      {
        loader: "sass-loader",
        options: {
          includePaths: [
            path.resolve(__dirname, 'node_modules')
          ]
        }
      }
    ]
  }

我一直遇到以下错误：

  

模块构建失败（来自./node_modules/sass-loader/lib/loader.js）：

     

@import'变量'; ^         找不到要导入的文件或不可读的变量：