visual studio instalar extension compiler compile compilar code visual-studio sass less visual-studio-2017 css-preprocessor

instalar - Cómo compilar archivos less/sass en Visual Studio 2017



sass to css visual studio 2017 (5)

En VS <= 2015 podemos usar la extensión WebEssentials que se encarga de compilar los archivos less / sass para nosotros, pero actualmente no es compatible con VS 2017. ¿Conoce alguna extensión similar que pueda compilar less / sass en la compilación?

ACTUALIZACIÓN - POR FAVOR LEA ESTA PÁGINA, COMO HE AGREGADO UNA RESPUESTA ADICIONAL (ESTA YA NO PARECE TRABAJAR PARA MÍ).

Para aquellos, como yo, que no conocen Gulp o Grunt o Shriek o Wail, y no quieren, PUEDEN obtener Visual Studio 2017 para compilar sus archivos SCSS automáticamente, tal como solía hacerlo en Visual Studio 2015. El Los pasos a continuación me funcionaron.

Primero desinstale cualquier extensión antigua / paquete Nuget para el compilador web (no sé si esto es necesario o no).

Vaya a la página de descarga de la galería VSIX y elija descargar el compilador web.

Tenga en cuenta que hice esto primero eligiendo Herramientas / Extensiones y Actualizaciones en Visual Studio. Aunque esto parecía funcionar, descubrí que mis archivos SCSS parciales no se compilaban automáticamente en CSS cuando hacía cambios en ellos (no era el único ).

Ahora debería poder hacer clic con el botón derecho en su archivo SCSS maestro y elegir las opciones que se muestran a continuación, lo que debería crear automáticamente un archivo llamado compilerconfig.json en la raíz de su proyecto (este paso probablemente no sea necesario si ya tiene este archivo) :

A partir de este momento, todo parecía funcionar bien. ¡Uf! Por cierto, gracias a Mads Kristensen por esta extensión, cualquier cosa para evitar aprender algo nuevo ...

Mi respuesta anterior funcionó para mí durante unos meses, pero ahora ya no funciona. Cuando intento compilar, recibo un mensaje en la ventana Errores sobre problemas con el esquema CompilerConfig, y no puedo resolver esto (ni Google ni la instalación / desinstalación ayudaron).

Entonces, una respuesta alternativa es usar CompileSass , que es un complemento mucho más simple, con (mucha) menos documentación en línea, pero que funciona de maravilla. Los únicos inconvenientes que puedo ver son:

  • el CSS generado está en la misma carpeta que el SCSS, así que tuve que mover un poco las cosas en mi sitio web para acomodar esto; y
  • el CSS generado solo se minimiza, por lo que puedo ver

Una vez que haya instalado el complemento (estoy usando VS 2017), puede ir a Herramientas> Opciones para cambiar la configuración:

¡Espero poder ahora reanudar el trabajo! Gracias a todos los autores de complementos, por cierto, no quiero quejarse.

WebEssentials se está dividiendo en múltiples extensiones. Creo que la funcionalidad que desea ahora está en la extensión del compilador web .

Si desea hacerlo sin extensiones, puede usar un corredor de tareas como Gulp. Vea here un tutorial sobre cómo integrar las tareas de Gulp en VS.