Como os desenvolvedores da Web lidam com o CSS pré-processado de fornecedores (pré-processados) em ferramentas de desenvolvimento de navegadores? [fechadas]

O que você quer é recarregar ao vivo / a quente.

Se você usar o recarregamento ao vivo, assim que fizer e salvar uma alteração no seu arquivo css, as ferramentas reconstruirão o css final e carregarão a nova versão no navegador. Não há necessidade de atualizar, apenas acontece. Dessa forma, você pode fazer alterações e ver comentários rápidos, como se tivesse modificado as ferramentas de desenvolvimento no navegador. Mas suas alterações já estão na sua fonte (não é necessário copiar de volta).

Como isso depende do seu resto da pilha. Mas as chances são de que qualquer ferramenta que você esteja usando para construir seu css: grunt / gulp / webpack / etc tenha addons para suportar o carregamento disponível.

Parece que você precisa de um de-processador para remover os prefixos. Você poderia escrever um em JavaScript e incorporá-lo em uma página local? O que estou imaginando é uma página com duas caixas de texto, você copia seu CSS modificado em uma caixa, pressiona um botão para executar o código de remoção de prefixo e o código não prefixado aparece na outra caixa de texto. Então você simplesmente C & P o código processado de volta à sua fonte de aplicação. Se você é realmente bom, você poderia escrever uma extensão de navegador para remover o prefixo de qualquer código destacado e exibi-lo em uma caixa de diálogo separada, mas não estou nem perto disso, então não consigo adivinhar quanto esforço seria necessário .