在 webpack 配置中为 node-sass 设置包含路径答案

【问题标题】：Setting up includepaths for node-sass in webpack config在 webpack 配置中为 node-sass 设置包含路径
【发布时间】：2021-11-18 22:59:56
【问题描述】：

添加到 webpack 配置时包含路径不起作用（或者我做错了）。我已经厌倦了两种不同的方法。

我收到以下错误：

SassError: Can't find stylesheet to import.
  ╷
1 │ @import "config.scss";
  │         ^^^^^^^^^^^^
  ╵

src/home/myfile.scss

@import "config.scss";
...

src/assets/sass/config.scss

$config_value: 3;
...

/webpack.config.js

module.exports = {
    plugins: [
       ...plugins
    ],
    entry: {
        'styles.min': glob.sync("./src/**/*.scss"),
        'scripts.min': glob.sync("./src/**/*.js"),
    },
    output: {
        path: __dirname + `/dist/`,
    },
    module: {
        rules: [
            {
                test: /\.s[ac]ss$/i,
                use:[
                   ...loaders
                    // Compiles Sass to CSS
                    {
                        loader: "sass-loader",
                        options: {
                          sassOptions: {
                            includePaths: [
                                "./src/assets/sass/", 
                                path.resolve(__dirname, "src/assets/sass")
                            ],
                          },
                        },
                      },
                    ]

【问题讨论】：

标签： webpack sass sass-loader

【解决方案1】：

看起来你有一个错字。 “src/assets/sass”应该是 src/assets/sass

options: {
    sassOptions: {
      includePaths: [
          "./src/assets/sass/"
      ],
    },
},

【讨论】：

谢谢，我已经更新了，但还是不行。
正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。