在React组件中导入Scss

Question

我有这个webpack.config文件：

const path = require('path')

var config = {
   entry: './src/index.js',
   output: {
      path:'/',
      filename: 'bundle.js',
   },
   devServer: {
      inline: true,
      port: 8080,
      historyApiFallback: {
        index: 'index.html'
      }
   },
   module: {
     loaders: [
       {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: 'babel-loader',
        query: {
        presets: ['es2015', 'react']
        }
      },
      {
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
      },
    ]
   },
    resolve: {
        modules: [path.resolve(__dirname, "src"), "node_modules"]
    }
}
module.exports = config;

当我要导入样式时，出现此错误：

未捕获的错误：

找不到位于webpackMissingModule（bundle.js：77680）位于Object.defineProperty.value（bundle.js：77680）处于webpack_require（bundle.js：20）处于Object.defineProperty.value（捆绑）的模块“ ./style.scss”。 js：77611）位于webpack_require（bundle.js：2047），位于Object.defineProperty.value（bundle.js：77047）处于webpack_require（bundle.js：20）处于Object.defineProperty.value（bundle.js：50608）位于webpack_require （bundle.js：20）位于Object.defineProperty.value（bundle.js：50310）

这是组件：

...
import './style.scss';

class Solution extends Component {
  render() {
    return (
      ...
    )
  }
}

export default Solution;

该scss文件位于具有该组件的同一文件夹中。