سلام دوستان من میخوام فایلای css و scss پروژم رو تبدیل به یه فایل css کنم .
اما خروجی به ترتیبی که توی فایلresourece/sass/app.scss تعیین کردم نیست.
اول فایل bootstrap-rtl.min.css ایمپورت شده بعد فایل sass bootstrap
فایل app.scss :
// Variables
@import 'variables';
// Bootstrap
@import '~bootstrap/scss/bootstrap';
//Bootstap rtl
@import "../css/bootstrap-rtl.min.css";
// Font Awesome
@import '~font-awesome/scss/font-awesome';
// IranSans Font
@import "../css/iransans.css";
//Custom Style
@import "../css/style.css";
فایل webpack.mix.js :
const mix = require('laravel-mix');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Laravel application. By default, we are compiling the Sass
| file for the application as well as bundling up all the JS files.
|
*/
mix.js('resources/js/app.js', 'public/js/front.js')
.sass('resources/sass/app.scss', 'public/css/front.css');
فایل خروجی بعد از دستور npm run dev : لینک.
بهترین پاسخ
انتخاب شده توسط Javad Ezaz
آفلاین
![user-avatar]()
علی بیات
1 سال پیش
