How to compile multiple CSS files into two CSS files output based on each one required in different layout using Laravel Mix

Question

I have two CSS files app.css(RTL CSS) and en-app.css(LTR CSS) I want to compile them using Laravel Mix into two files, How I can (I don't want to paste them directly in Public/CSS directory Instead I want to use advantages of Mix)

You need to ad the code to your question to get answers. But I would say, take a look at webpack.mix.js. — Gert B.
– Gert B., Commented Feb 16, 2022 at 7:58

Lightning00Blade · Accepted Answer · 2022-02-16 08:27:53Z

1

It should be quite straightforward. Usually you should have something like mix.js('resources/js/app.js', 'js').sass('resources/sass/app.scss', 'css'); in you mix file. As you can see you can stack multiple calls to the mix function. So you will need to make a separate call to .scss mix.js('resources/js/app.js', 'js').sass('resources/sass/app.scss', 'css').sass('resources/sass/en-app.scss', 'css');

After running the compiler you should see the two files in the ./public/css/ folder.

Note: If you are using plain CSS you will need to replace .scss with .css function in the mix file.

answered Feb 16, 2022 at 8:27

Lightning00Blade

1759 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to compile multiple CSS files into two CSS files output based on each one required in different layout using Laravel Mix

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related