In che modo gli sviluppatori web si occupano della modifica (pre-elaborata) dei fornitori con prefisso CSS negli strumenti di sviluppo del browser? [chiuso]

Quello che vuoi è live / hot reload.

Se usi la ricarica live, non appena fai e salva una modifica al tuo file css, gli strumenti ricostruiranno il css finale e caricheranno la nuova versione nel browser. Non c'è bisogno di aggiornare, succede solo. In questo modo puoi apportare modifiche e visualizzare feedback rapidi, proprio come se avessi modificato gli strumenti di sviluppo nel browser. Ma le tue modifiche sono già nella tua fonte (non c'è bisogno di ricopiarle).

Come farlo dipende dal resto del tuo stack. Ma le probabilità sono che qualunque strumento tu stia usando per costruire il tuo css: grunt / gulp / webpack / etc ha addons per supportare livereload disponibile.

Sembra che tu abbia bisogno di un depotenziamento per rimuovere i prefissi. Potresti scriverne uno in JavaScript e incorporarlo in una pagina locale? Quello che sto immaginando è una pagina con due caselle di testo, si copia il CSS modificato in una casella, si preme un pulsante per eseguire il codice di rimozione prefisso e il codice non prefissato appare nell'altra casella di testo. Quindi basta semplicemente C & P il codice elaborato di nuovo nella sorgente dell'applicazione. Se sei davvero bravo potresti probabilmente scrivere un'estensione del browser per deselezionare qualunque codice sia evidenziato e visualizzarlo in una finestra di dialogo separata, ma non sono neanche lontanamente così buono, quindi non posso davvero immaginare quanto impegno ci vorrebbe .