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