如何在我的 Webpack sass-loader 配置中指定包含 SCSS 的资源根？

假设我有类似的东西：

{
  test: /\.scss$/,
  exclude: /node_modules/,
  loaders: ['style-loader', 'css-loader', 'sass-loader']
}

在我的 webpack 配置中，我有一个app/包含我所有 SCSS 和 JS 文件的子文件夹。

目前要导入 SCSS 部分，我必须@import 'app/whatever/my_partial';为了让它被认可。

我怎样才能设置装载机来处理app/作为这些文件的资源根，所以我只能说@import 'whatever/my_partial' ?

顺便说一句，这是 Webpack 2.x 的情况。

非常感谢你们聪明人的任何帮助！

你可以加app/ to the includePaths选项中的sass-loader. Your .scss规则必须更改为：

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