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

5

Eu tenho um dillema trabalhando com CSS. Eu uso um pré-processador para adicionar todos os prefixos de fornecedores necessários ao CSS quando ele é servido, mantendo meu código-fonte curto e simples. No entanto, o problema é que, de longe, a maneira mais eficaz de editar estilos realisticamente (e ver a atualização em tempo real da página) é usar as ferramentas de desenvolvimento da página da Web em qualquer navegador que você esteja testando, edite o CSS lá, e copie / cole-o no código-fonte depois de fazer alterações significativas.

Então, meu código-fonte CSS está cheio de prefixos de fornecedores.

Existe uma solução simples para isso? Quais soluções existem para resolver este problema?

    
por Viziionary 24.09.2015 / 06:22
fonte

2 respostas

3

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.

    
por 24.09.2015 / 22:09
fonte
1

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 .

    
por 24.09.2015 / 16:22
fonte

Tags