es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Sí, es posible utilizar diferentes variables de Bootstrap utilizando un archivo personalizado _variables seleccionado a través de una variable .env de Laravel 8.

    Puede lograr esto siguiendo estos pasos:

    1. En primer lugar, agregue sus variables en el archivo .env:
    MIX_VARIABLES = 'variables1.scss'
    
    1. Luego, en su archivo webpack.mix.js, puede agregar la variable usando el objeto process.env:
    mix.sass('resources/sass/app.scss', 'public/css', {
       prependData: `
          @import "custom_variables";
          $selected-variables: "${process.env.MIX_VARIABLES}";
       `
    }).version();
    
    1. Finalmente, puede utilizar la variable $selected-variables en su archivo app.scss para seleccionar el archivo de variables deseado:
    @if $selected-variables == "variables1.scss" {
       @import 'custom1_variables';
    } @else if $selected-variables == "variables2.scss" {
       @import 'custom2_variables';
    }
    

    Asegúrese de que las rutas de los archivos de variables sean correctas y de que los archivos existan en el directorio especificado.

Comments are closed.