Prefácio
Ao desenvolver o front-end, você costuma escrever alguns arquivos SASS ou SASS, mas esses arquivos precisam ser compilados em arquivos CSS para serem eficazes. Antes, algumas ferramentas de construção automatizadas eram usadas para ouvir alterações de arquivos do projeto em tempo real, e foi necessária alguma configuração.
O plug-in de relógio de arquivo da Idea é usado aqui, sem configuração adicional, que é simples e conveniente.
operar
Dependências
Localização do plug -in
Configure o relógio de arquivo
1. Crie um novo arquivo menos no projeto
Crie um novo arquivo menos
2. Configure o relógio de arquivo do arquivo menos.
Podemos ver que existe um observador na parte superior do arquivo se deve habilitar menos arquivo, clique em sim
Configurar menos 'relógio de arquivo
Clique na macro Inserir na extrema direita do caminho de saída para ver a macro predefinida e o conteúdo que ela representa.
Insira na interface macro
Renderização final
Configuração final
Você pode ver que menos é compilado em um arquivo CSS em tempo real
Compilação em tempo real de imagens
adicional
O relógio de arquivo pode não apenas observar menos arquivos, mas também lidar com operações que monitoram as alterações do arquivo em tempo real. Podemos configurá -lo na configuração da ideia.
Localização do relógio de arquivo
Não recomendo usar o compilador SASS no front -end, porque a instalação do compilador SASS no Windows depende de muitas coisas, tanto em C ++ quanto em Python. Embora não seja bom usar o SASS no Mac ou no Linux, isso causará problemas ao usá -lo no Windows. Menos tem funções semelhantes ao SASS, e elas acabarão sendo compiladas no CSS. Com uma ferramenta tão útil, use menos diretamente.
Resumir
O exposto acima é o método da Intelj Idea usando o FileWatch para compilar menos arquivos em tempo real. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!