تنظیمات وب پک

3 سال پیش
توسط Navid Goalpure آپدیت شد
Navid Goalpure ( 64 تجربه )
3 سال پیش

سلام
میخوام از 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/

    },

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

حسام موسوی ( 364156 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس

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

Navid Goalpure ( 64 تجربه )
3 سال پیش

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

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)" />
برای ارسال پاسخ باید وارد سایت شوید