Webpack: настройка путей к файлам CSS

Question

В Webpack, как настроить загрузчики css для использования css файлов по определенному пути? Я попробовал приведенный ниже код для извлечения файлов из пути 'src / styles', но не сработало.

rules: [
                {
                    test: /\.css$/,
                    use: [
                        'style-loader',
                        'css-loader'
                    ],
                    include: [
                        path.resolve(__dirname, "src/styles/" ),
                    ]

                }
      ]

У меня есть 'style.css' в папке 'src / styles'. В 'index.js' я только что сделал

import 'style.css'

потому что я хочу, чтобы путь был разрешен из загрузчика. При сборке получаю ниже ошибку:

**ERROR in ./src/index.js
Module not found: Error: Can't resolve 'style.css' in 'D:\webpack-demo\src'
 @ ./src/index.js 2:0-19**

Пожалуйста, помогите.