импорт scss в реакции: не удается найти модуль scss

Question

Я пытаюсь импортировать scss и использовать его в response-css-themr, поэтому, когда я не использовал themr, этот импорт работал нормально: import "style/Sample.scss", но теперь мне нужно сохранить его в объекте и использовать егов них, поэтому я пытаюсь назвать это как: import * as SampleTheme from "style/Sample.scss", и это дает ошибку Cannot find module, я получаю эту ошибку в самом терминале, поэтому процесс сборки не проходит.Я также попробовал const SampleTheme = require("style/Sample.scss"), но это дает мне пустой объект.

Некоторые люди говорят, что это проблема с конфигурацией веб-пакета, но я не очень уверен в этом, потому что и в IDE, когда я нахожу это, я вижута же проблема, и до этого времени веб-пакет даже не запускается, все еще вот мой конфиг веб-пакета для scss:

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader'
        }, {
            loader: 'css-loader',
            options: {
                importLoaders: 1,
                sourceMap: false,
            }
        }, {
            loader: 'sass-loader',
            options: {
                includePaths: [
                    path.join(__dirname, 'src'),
                    path.join(__dirname, 'src', 'styles'),
                    path.join(__dirname, 'src', 'styles', 'components'),
                ],
                sourceMap: false
            }
        }, {
            loader: 'sass-resources-loader',
            options: {
                resources: [
                    './node_modules/engage-ui/src/styles/foundation.scss',
                    './node_modules/engage-ui/themes/Delicious/foundation.scss',
                    './node_modules/engage-ui/src/styles/shared.scss',
                    './node_modules/engage-ui/themes/Delicious/shared.scss',
                ],
            },
        },
    ],
    exclude: /node_modules/
},

Answer 1

module.exports = {
...
  module: {
    rules: [{
        test: /\.scss$/,
        use: [{
            loader: "style-loader" // creates style nodes from JS strings
        }, {
            loader: "css-loader" // translates CSS into CommonJS
        }, {
            loader: "sass-loader" // compiles Sass to CSS
        }]
    }]
  }
};

и добавить загрузчик sass

пряжа добавить загрузчик sass node-sass –dev