Prefacio
Al desarrollar el front-end, a menudo escribe algunos archivos menos o SASS, pero estos archivos deben compilarse en archivos CSS para que sean efectivos. Antes, se usaban algunas herramientas de construcción automatizadas para escuchar los cambios de archivo de proyecto en tiempo real, y se requería alguna configuración.
El complemento del archivo de archivos de Idea se usa aquí, sin configuración adicional, que es simple y conveniente.
funcionar
Dependencias
Ubicación del complemento
Configurar el reloj de archivo
1. Cree un nuevo archivo menos en el proyecto
Crear un nuevo archivo menos
2. Configure el reloj de archivo del archivo menos.
Podemos ver que hay un observador en la parte superior del archivo si habilita menos archivo, haga clic en Sí
Configurar menos 'reloj de archivo
Haga clic en la macro Insertar en el extremo derecho de la ruta de salida para ver la macro predefinida y el contenido que representa.
Insertar en la interfaz macro
Representación final
Configuración final
Puede ver que menos se compila en un archivo CSS en tiempo real
Compilación de imágenes en tiempo real
adicional
El reloj de archivo no solo puede observar menos archivos, sino también manejar operaciones que monitorean los cambios de archivo en tiempo real. Podemos configurarlo nosotros mismos en la configuración de la idea.
Ubicación del archivo
No recomiendo usar el compilador SASS en la parte delantera, porque instalar el compilador SASS en Windows depende de muchas cosas, tanto en C ++ como en Python. Aunque está bien usar SASS en Mac o Linux, causará problemas al usarlo en Windows. Menos tiene funciones similares como SASS, y eventualmente se compilarán en CSS. Con una herramienta tan útil, use menos directamente.
Resumir
Lo anterior es el método de Idea Intelj usando FileWatch para compilar menos archivos en tiempo real. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!