Hello Recently I decided move to webpack, and ran into some errors. What should I do with bootstrap?

Here is errors

ERROR in ./node_modules/mdbreact/dist/css/mdb.css 1:0
Module parse failed: Unexpected character '@' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> @charset "UTF-8";
| /*!
|  * Material Design for Bootstrap 4
 @ ./src/index.js 11:0-35
ERROR in ./node_modules/bootstrap-css-only/css/bootstrap.min.css 6:3
Module parse failed: Unexpected token (6:3)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|  * Copyright 2011-2019 Twitter, Inc.
|  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/
LICENSE)
>  */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e...

Webpack config

const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
    entry: './src/index.js',
    output: {
        path: __dirname + "/dist",
        filename: "bundle.js"
    },
    target: "node",
    devtool: 'eval-source-map',
    module: {
        rules: [
            {
                test: /.js$|.jsx$/,
                exclude: /node_modules|\.json$/,
                use: {
                    loader: "babel-loader"
                },
                resolve: {
                    extensions: ['.js', '.jsx']
                }
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                use: [
                    {loader: 'style-loader'},
                    {
                        loader: 'css-loader',
                        options: {
                            modules: true
                        }
                    },
                    {loader: 'sass-loader'}
                ]
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                exclude: /node_modules/,
                use: [
                    {
                        loader: "file-loader",
                        options: {
                            outputPath: 'media',
                            name: '[name]-[sha1:hash:7].[ext]'
                        }
                    }
                ]
            }
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: __dirname + "/public/index.html",
            inject: 'body'
        })
    ]
};

.babelrc

{
  "presets": [
    [
      "@babel/env",
      {
        "debug": true,
        "useBuiltIns": "usage",
        "modules": false
      }
    ],
    "@babel/react"
  ],
  "plugins": [
    "@babel/plugin-transform-template-literals",
    "@babel/plugin-proposal-class-properties"
  ]

}