Webpack：配置css文件路径

Question

在Webpack中，如何配置css加载器以使用特定路径的css文件？我试过下面的代码从路径'src / styles'中获取文件，但是没有用。

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

                }
      ]

我在'src / styles'文件夹下有'style.css'。在'index.js'中我刚刚做了

import'style.css'

因为我希望从loader中解析路径。 当我构建时，低于错误：

**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**

请帮忙。