How can I minify SCSS and JavaScript using Laravel mix in Visual Studio Code?

JKSHOP943 · ‎10-22-2020

Hey Shopify Gurus

I did integrated visual studio code with my shopify and theme kit & installed Laravel mix

still new to this how can I minify the SCSS and java scripts ?

what should I include in my webpack.mix.js to compile the JS and CSS

I'm doing it on a duplicate theme so don`t worry if I mess everything up

im using debutify theme & here is the store link : luxnd.com

Anonymous · ‎10-22-2020

Hi Luxnd,

Welcome to Shopify Community.

Regarding your question, I can advise you to try this:

mix.sass('src/sass/main.scss', 'assets/css', { outputStyle: mix.inProduction ? 'compressed' : 'expanded' })

By the way, I see your speed performance of your store is low. On mobile and desktop version as well.

Our Agency can help you with speed optimization for free. If you're interested feel free to fill up this form, and we will contact you soon. Link you can find here: https://mailchi.mp/f33da12dcb76/optimize-my-website

Kind Regards,

Aibek from Growavelabs.