سلام دوستان من میخوام فایلای 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
علی بیات
1 سال پیش
لاراول میکس در پشت **** داره از Webpack استفاده میکنه
و این مورد بخاطر Webpack پیش میاد:
https://github.com/webpack/webpack/issues/215
یه راه حلش اینه که فایل های sass ی که در node_modules هستند رو توی فولدر Css کنار بقیه فایلها، کپی کنی و همه رو از یه جا آدرس دهی کنی