Como compilar arquivos less / sass no Visual Studio 2017

No VS <= 2015, podemos usar a extensão WebEssentials que se encarrega de compilar os arquivos less / sass para nós, mas atualmente não oferece suporte ao VS 2017. Você está ciente de uma extensão semelhante que pode compilar o less / sass na construção?

WebEssentials está sendo dividido em várias extensões. Acredito que a funcionalidade que você deseja agora está na extensão do Web Compiler .

Se você quiser fazer isso sem extensões, você pode usar um executor de tarefas como o Gulp. Veja aqui um passo a passo de como integrar as tarefas Gulp ao VS.

ATUALIZAÇÃO - LEIA ESTA PÁGINA, COMO ADICIONEI UMA RESPOSTA ADICIONAL (ESTA JÁ NÃO PARECE FUNCIONAR PARA MIM).

Para aqueles, como eu, que não conhecem Gulp ou Grunt ou Shriek ou Wail e não querem, você PODE fazer o Visual Studio 2017 compilar seus arquivos SCSS automaticamente, assim como costumava fazer no Visual Studio 2015. as etapas abaixo funcionaram para mim.

Primeiro desinstale quaisquer extensões / pacotes Nuget antigos para o Web Compiler (não sei se isso é necessário ou não).

Vá para a página de download da galeria VSIX e escolha fazer o download do Web Compiler.

Observe que fiz isso primeiro escolhendo Ferramentas / Extensões e Atualizações no Visual Studio. Embora parecesse funcionar, descobri que meus arquivos SCSS parciais não estavam sendo compilados automaticamente para CSS quando fiz as alterações (não fui o único ).

Agora você deve conseguir clicar com o botão direito do mouse no arquivo SCSS mestre e escolher as opções mostradas abaixo, que devem criar automaticamente um arquivo chamado compilerconfig.json na raiz do seu projeto (esta etapa provavelmente é desnecessária se você já tiver esse arquivo) :

Desse ponto em diante, tudo parecia funcionar bem. Ufa! A propósito, graças a Mads Kristensen por esta extensão - qualquer coisa para evitar aprender algo novo ...

Resposta simples:

• para compilar arquivos LESS e SASS: Web Compiler ou Web Essentials 2017 (inclui muitas extensões)
• para compilar apenas arquivos SASS (SCss): CompileSass
• para compilar apenas arquivos LESS : LESS Compiler

Minha resposta anterior funcionou para mim por alguns meses, mas agora não funciona mais. Quando tento compilar, recebo uma mensagem na janela Erros sobre problemas com o esquema CompilerConfig e não consigo resolver isso (nem pesquisar no Google nem instalar / desinstalar ajudou).

Portanto, uma resposta alternativa é usar CompileSASS , que é um add-in muito mais simples, com (muito) menos documentação online, mas que funciona perfeitamente. As únicas desvantagens que vejo são:

• o CSS gerado está na mesma pasta do SCSS, então tive que mudar algumas coisas em meu site para acomodar isso; e
• o CSS gerado é reduzido apenas, pelo que posso ver

Depois de instalar o add-in (estou usando o VS 2017), você pode ir em Ferramentas> Opções para alterar as configurações:

Espero que agora eu possa retomar o trabalho! A propósito, obrigado a todos os autores de suplementos - não quero reclamar.

Agora também existe um compilador menos específico. https://github.com/madskristensen/LessCompiler