tag name metaetiqueta manager keywords description content añadir plugins less webpack watch

plugins - name - meta tag manager



Configure el paquete web para crear un directorio de archivos LESS en los archivos CSS correspondientes (2)

Espero usar Webpack compila todos nuestros menos archivos en /less to /public/css e /public/css en nuestras plantillas del lado del servidor como CSS regulares ( sin pegar el texto en el uso del complemento ExtractText o de la sobrecarga).

Es decir, estoy intentando que Webpack + un cargador o plugin LESS sea glob para compilar todos los archivos .less:

/less/foo.less /less/bar.less /less/unknown-new-less-file.less ...

y darles salida a

/public/css/foo.less /public/css/bar.less /less/unkown-new-less-file.less

Entonces quiero incluirlos en nuestra aplicación tirando del archivo css usando <link rel="stylesheet" href="foo.css">

Traté de usar un script Bash y lessc lugar de Webpack, que funcionó bien, pero no nos permitirá volver a compilar automáticamente el LESS cuando cambien los archivos fuente.

El problema era que estaba usando Webpack como un corredor de tareas, que no es.

Me resistía a agregar Gulp o Make. Gulp porque se convierte en un lío inmanejable gigante y Make a pesar de que es genial porque es un poco difícil de aprender para los equipos.

Terminé usando algo como fswatch en un script npm para volver a ejecutar lessc.

Los documentos de Less recomiendan el uso de un analizador de grunt, Gulp o dev-mode en el navegador: http://lesscss.org/usage/#using-less-in-the-browser-watch-mode .