Contexto:
Hola, estoy trabajando en un sitio web con muchos bloques reutilizables, cada uno de los cuales tiene un archivo scss & js separado.
Para optimizar el rendimiento, configuré mix para generar css en archivos separados para poder cargarlos solo si el bloque correspondiente está presente en la página actual.
Esto está bien, excepto que la mezcla tarda más de 40 segundos en volver a compilarse ahora (en lugar de 6 segundos para un solo archivo de salida) y esto está ralentizando un poco mi trabajo...
Pregunta:
¿Cómo puedo hacer que mix compile más rápido en esta situación? ¿Es posible volver a compilar solo los archivos modificados?
¿Está utilizando el objeto version() ? Creo que puede almacenar en caché la versión cuando esto no está cambiando.
Este es un ejemplo muy básico y espero que ayude.
/* * JS * */ mix.setResourceRoot('/public/assets/admin/') .js('resources/js/app.js', 'public/assets/admin/') .version(); /* * Styles * */ mix.styles([ 'public/assets/admin/plugins/bootstrap/css/bootstrap.min.css', 'public/assets/admin/css/style.min.css', ], 'public/assets/admin/app.css'); mix.sass('resources/sass/app.scss', 'public/assets/admin/app.css').options({ postCss: [ require('autoprefixer'), ], }).version();