Saltar al contenido

Magento2: mejores prácticas para modificar archivos css

Solución:

No debe editar / modificar archivos dentro del directorio pub / * o vendor / *. Pub es para la implementación y el proveedor es para la estructura predeterminada, que anula a través de su plantilla o módulos personalizados. En lugar de:

  • crea un nuevo tema dentro de app / design / frontend / {vendor} / {yourTheme} /. Puede utilizar el tema Blank o Luma. También puede crear un nuevo tema que herede de Blank (la herencia se define en theme.xml). Si ya está utilizando algún tema, omita este paso.
  • edite .less dentro de su tema para que los cambios permanezcan visibles y no se reemplacen al borrar el caché o actualizar el sistema.
  • Utilice grunt para compilar su .less en archivos de implementación.
  • También puede configurar mapas de origen para señalar su estilo dentro de los archivos .less del tema para que pueda ser más productivo.

Algunas referencias útiles:

  • Empezando con Less
  • Menos depuración en Magento 2
  • Crea un tema en Magento 2
  • Empezando con Grunt
  • Biblioteca de la interfaz de usuario de Magento

Este es el diagrama de flujo que muestra cómo magento2 procesa los archivos css.

ingrese la descripción de la imagen aquí

Fuente: Inchoo

Este enfoque me ha funcionado

Realice los cambios necesarios en el archivo .less y luego ejecute los siguientes comandos:

php bin/magento setup:upgrade

php bin/magento cache:flush
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *