تنظیمات وب پک

4 سال پیش توسط Navid Goalpure مطرح شد
آفلاین
user-avatar
Navid Goalpure ( 64 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

    },

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

آنلاین
user-avatar
حسام موسوی ( 461235 تجربه )
4 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

0

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

آفلاین
user-avatar
Navid Goalpure ( 64 تجربه )
4 سال پیش

لینک کوتاه اشتراک گذاری

0

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

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