با عرض سلام و خسته نباشید خدمت پارسکلیکی های عزیز.

در مسیر و فایل resources/sass/app.scss برای استفاده از laravel mix استایل های سی اس اس رو وارد میکنیم(‍[email protected])،مشکل من اینجاست که mixبا وارد کردن فایل های app.css و scss/bootstrap مشکلی ندارد اما با وارد کردن فایل های خارجی و حتی افزودن محتوای آنان به فایل ‍app مشکل دارد و ارور

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/css-loader/dist/cjs.js):
Error: Can't resolve '../webfonts/fa-brands-400.woff2' in '/home/milad/Desktop/PersianBit/resources/sass'

را در زمان راه اندازی npm run dev نشان میدهد.

خیلی ریسرچ کردم و خیلی از ارور ها رو برطرف کردم و این ارور آخره آما زورم بهش نرسید.

  • محتوای فایل ‍app.scss:
// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '../css/app';

@import '../css/all.min';
@import '../css/bootstrap.min';
@import '../css/tooplate-style';