How combine two SASS files in one CSS file via laravel mix?

Question

How to correct combine multiple scss files in one css file?

My current configuration webpack.mix.js

mix.sass(
[
    'resources/assets/sass/one.scss',
    'resources/assets/sass/two.scss',
], 'public/css/style.css');

But it does not work.

I try first first mix.combined scss files, then mix.sass ...

But after 'npm run watch' i got looped crazy CLI.

You can have one main scss file and import everything in that — karthick
– karthick, Commented Feb 22, 2018 at 19:20

webdevdani · Accepted Answer · 2018-02-22 19:19:02Z

14

Instead of combining them through mix, import the stylesheets you need together in SCSS: https://sass-lang.com/guide#topic-5

If you want to keep them separate, make a new stylesheet that just imports the needed styles.

answered Feb 22, 2018 at 19:19

webdevdani

1,1127 silver badges11 bronze badges

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

2 Comments

@webdevdani Is something like this also possible for JS files?

@OzanKurt This depends on your JS build. If you're using modern build processes, you can use the regular ES2015 imports: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…