Webpack: how to fix Module not found: Error: Can't resolve './src/base.scss'?

Question

JavaScript

Hello! This is my first time trying to use sass. Setting up webpack:

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const path=require('path');

module.exports={
  entry:'./src/index.js',
  output:{
    filename:'bundle.js',
    path:path.resolve(__dirname, 'dist')
  },
  module: {
  rules: [
    {
      test: /\.scss$/,
      use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'sass-loader']
      })
    }
  ]
},
plugins: [
 new ExtractTextPlugin('style.css')
],
resolve: {
    extensions: ['.js', '.scss']
}
}

scss and js files are in the same folder (src).
scss included in input index.js:
import './src/base.scss'
When I run webpack, I get an error:
Module not found: Error: Can't resolve './src/base.scss'

Answer 1

./
this is from the current directory of the file

scss and js files are in the same folder

well, connect them at the same level, otherwise it turns out src/src/base.scss