تنظیمات وب پک

سلام
میخوام از react-slick استفاده کنم و برای اون باید تنظیمات سی اس اس وب پک رو به این شکل قرار بدم:

‍‍‍{ test: /.css$/, loader: 'style-loader!css-loader' },
    {
        test: /.scss$/,
        loader: 'style!css!sass?outputStyle=expanded&' + 'includePaths[]=' +
        (path.resolve(__dirname, './node_modules'))
    }

مشکل اینجاست که در حال حاضر به خاطر استفاده از flexboxgrid این تنظیمات به این شکله:

       test: /.css$/,
          loader: 'style-loader!css-loader?modules',
        include: /flexboxgrid/

    },

کسی میتونه راهنماییم کنه که چطور این دو تنظیم رو باهم ترکیب کنم که هردوتا کار کنن؟

الان دقیقا مشکلتون کدوم قسمته و چه اروری دارید

مشکلم اینه که وقتی از ری اکت اسلیک استفاده میکنم سی اس اس هاش لود نمیشه. با این خطوط باید سی اس اس ها لود بشن:

import 'slick-carousel/slick/slick-theme.css';  
import 'slick-carousel/slick/slick.css';

احتمالا مشکل از تنظیمات وب پکه. تو نت که سرچ کردم نشوته بود اون کدهای بالایی رو باید توی وب پک وارد کنم. مشکل اینجاست که اگه کدهای بالایی رو وارد کنم تنظیمات flexboxgrid از بین میره.
بلد نیستم اون خطوط رو طوری بنویسم که هم تنظیمات فلسباکس گرید باشه و هم ری اکت اسلیک

تو پرانتز اضافه کنم که الان با اضافه کردن این دو خط توی اچ تی ام ال ام سی اس اس ها لود شدن اما فکر میکنم اگه با وب پک انجام بدم اصولی تر باشه

<link rel="stylesheet" type="text/css" href="[https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css](https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css)" />  
<link rel="stylesheet" type="text/css" href="[https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css](https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css)" />