webpack slick でエラーがでてしまいます。

Question

https://flex-box.net/slick-npm/
上記のサイトを見て、やってみたのですが、

webpackでビルドした時に、

ERROR in ./node_modules/slick-carousel/slick/slick-theme.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';

| /* Slider */
| .slick-loading .slick-list

ERROR in ./node_modules/slick-carousel/slick/slick.css 2:0
Module parse failed: Unexpected token (2: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
| /* Slider */

.slick-slider

| {
| position: relative;
@ ./src/assets/js/script.js 3:0-40

このようなエラーが出てしまいます。

import $ from 'jquery';
import 'slick-carousel';
import 'slick-carousel/slick/slick.css'; // 追加
import 'slick-carousel/slick/slick-theme.css'; // 追加


import { header } from './modules/header';

import { mv } from './modules/mv';

import { loading } from './modules/loading';

const webpack = require('webpack');
const path = require('path');

module.exports = {
  // モード値を production に設定すると最適化された状態で、
  // development に設定するとソースマップ有効でJSファイルが出力される
  mode: 'development',

  // メインとなるJavaScriptファイル（エントリーポイント）
  entry: {
    script: `./src/assets/js/script.js`,
  },
  output: {
    filename: '[name].js',
    path: path.join(__dirname, 'dist/assets/js')
  },
  module: {
    rules: [
      {
        // node_module内のcss
        test: /node_modules/(.+).css$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
            options: { url: false },
          },
        ],
      },
      {
        // 拡張子 .js の場合
        test: /.js$/,
        use: [
          {
            // Babel を利用する
            loader: 'babel-loader',
            // Babel のオプションを指定する
            options: {
              presets: [
                // プリセットを指定することで、ES2019 を ES5 に変換
                '@babel/preset-env',
              ],
            },
          },
        ],
      },
    ],
  },
  devtool: 'source-map',
};

どなたかわかる方いらっしゃいますか。
宜しくお願い致します。