توسعه front end در لاراول
با عرض سلام خدمت دوستان
من قسمت front end یک پروژه رو در vs code انجام دادم و برای استایل دهی از sass استفاده کردم حالا میخوام به لاراول منتقل کنم و ادامه استایل دهی رو در لاراول انجام بدم ولی چطوری میتونم این کار رو بکنم تغییرات استایل رو در پوشه resource و فولدر sass و فایل مربوطه انجام میدم و npm run watch رو میزنم ولی تغییرات در فایل css در فولدر public اعمال نمیشه
میشه راهنمایی کنید
ممنون
پاسخها
11
این سطر سعی میکنه یک فایل sourcemap رو مشخص کنه اما چون این فایل وجود نداره.. به خطا میخورید.
لینک های زیر رو مطالعه کنید:
https://datacadamia.com/web/css/source_map
https://css-tricks.com/should-i-use-source-maps-in-production/
در فایل webpack.mix.js میتونید مشخص کنید که کجا ذخیره بشه
Npm run dev رو که اجرا میکنی خطا داری؟
گفتگوهای مرتبط
شاید پاسخ شما همینجا باشد
برای این کار حتما باید فایل webpack.mix.js که در مسیر روت پروژه هست رو تنظیم کنید. در نمونه کدهای زیر همون طوری که مشخصه در بخش اول مشخصات فایل scss و در بخش دوم مسیر و نام فایل خروجی موردانتظارتون رو باید قرار بدید.
mix.sass('resources/styles/app.scss', 'public/css/app.css').version();
mix.sass('resources/styles/public.scss', 'public/css/public.css').version();
mix.sass('resources/styles/panel.scss', 'public/css/panel.css').version();
و بعد از این کار با کامپایل کردن asset هاتون با یکی از دستورات npm run dev یا npm run production باید فایل های css درمسیر داده شده ساخته بشوند. برای فعالسازی wathcer هم که npm run watch
این ارور رو میده
آیا متن ارور به اندازه کافی گویا نیست؟!
no such file or directory!
فایل style.scss.map رو نمیتونه در میسر قید شده پیدا کنه.
سلام
این فایل وجود داره ولی با این حال این ارور رو میده
بدون دیدن محتوای فایل webpack.mix.json و همچنین ساختار فایلهای مسیر resources تون نمیشه نظری داد. ولی حتما بخشی از آدرس رو صحیح وارد نمیکنید.
به نداشتن اشتباه تایپی و همچنین نداشتن علامت اسلش (/) در اول مسیر دقت کنید مخصوصا.
فایل style.scss رو چک کنید ببینید کد های سس رو درست نوشتید
@mhyeganeh
@ali.bayat
سلام مجدد
این خط کد رو در فایل style.scss کامنت کردم درست شد
میدونید علتش چیه و اصلا این map چیکار میکنه؟
ممنونم
@ali.bayat
استاد علی بیات تشخیص شما عالی بود
میشه راجع به اون خط کد یه توضیحی بدید
ممنونم