Navid Goalpure
7 سال پیش توسط Navid Goalpure مطرح شد
2 پاسخ

تنظیمات وب پک

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

    },

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


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 7 سال پیش مطرح شد
0

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


Navid Goalpure
@navid.goalpure 7 سال پیش آپدیت شد
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)" />

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام