Dynamic create .scss file and load in app.scss

I tried this in webpack.min.js to load carousel and jquery ui slider

mix.react('resources/assets/js/app.js', 'public/js')
    .styles([
        './node_modules/owl.carousel/dist/assets/owl.carousel.css',
        './node_modules/jquery-ui/themes/base/core.css',
        './node_modules/jquery-ui/themes/base/slider.css',
        './node_modules/jquery-ui/themes/base/theme.css'
    ], 'resources/assets/sass/_dependencies.scss')
   .sass('resources/assets/sass/app.scss', 'public/css');

And loaded the @import "dependencies"; in app.scss

I got the @import "dependencies"; error in console during compile mix, that is because i tried to generate _dependencies.scss. I even don't know if its a right way or not. Please guide me if its possible through this or not.

moyvera

9 years ago

Level 2

it's working for me, are you sure you have your "node_modules" directory where you are executing mix ?

mix.js('resources/assets/js/app.js', 'public/js')
    .styles([
        'node_modules/owlcarousel-umd-webpack/owl-carousel/owl.carousel.css',
        'node_modules/jquery-tooltipster/css/tooltipster.css',
        'node_modules/simple-line-icons/css/simple-line-icons.css'
        ], 'resources/assets/sass/_dependencies.scss')
    .sass('resources/assets/sass/app.scss', 'public/css');

and in my app.scss

@import "dependencies";

I don't see any other difference, can you copy your log ?

Please or to participate in this conversation.