Utilizzo di Less css framework in produzione

Question

Poche settimane indietro, sono venuto a conoscenza di meno CSS. Ed è esattamente quello che stavo pensando dovrebbe essere disponibile durante la scrittura di codice CSS.

Ora sono molto ansioso di usarlo e voglio applicarlo nello scenario di produzione, ma c'è un problema. Per utilizzare LESS CSS, hai due opzioni:
1. Includere less.js nelle tue pagine web.
2. Precompila file MINUTI e quindi utilizzare.

Prima opzione non mi posso permettere, perché per questo ho bisogno di usare less.js di dimensioni fino a 43 KB. Questo aggiunge un carico extra quando sto già usando Jquery.

La seconda opzione sembra promettente, ma il problema è che, per codificare in produzione, non è possibile compilare ogni volta MENO per verificarlo rispetto alle modifiche. Dovrebbe sembrare un'esperienza come quella che faccio quando codifico i CSS direttamente. Dovrei scrivere MENO e immediatamente dovrebbe riflettersi sulle pagine.

Quindi qualcuno può aiutarmi a impostare questo tipo di flusso di lavoro?

Qualsiasi suggerimento di altri quadri simili è apprezzato.

Answer 1

Io uso Less-PHP in sviluppo: ogni volta che aggiorno il browser per il test dopo aver modificato il file principale .less, viene emesso il file .css.

Quindi in produzione devo solo copiare il file .css come al solito.

Non userò mai Less.js in produzione perché funzionerà solo per gli utenti che hanno attivato JS, rallenterà ogni utente sia per i tempi di download che per i tempi di rendering quando non è necessario.

EDIT: ci sono anche dei software che attenderanno la modifica e il salvataggio del tuo file LESS e lo compileranno quando ciò accadrà. Di nuovo Less PHP può essere configurato una volta per progetto e farà lo stesso, preferisco non lanciare ogni giorno un demone sul mio sistema se posso evitarlo. Ho già un firewall, AV, MSN, Dropbox, client jabber, utilità copypaste, SVN integrato e così via in esecuzione :)
EDIT nel 2015: utilizzo Prepros 4 per un po 'o avrei usato qualche grugnito- compilatore basato invece. I miei colleghi hanno qualche bug con Prepros 5 quindi non l'ho ancora installato (Prepros 5 è ora un software proprietario, costa qualche soldo.) Un investimento molto buono)

EDIT2: Sembra che tu stia usando Java . Un po 'googling dà questa soluzione: http://www.asual.com/blog/lesscss/2009/11/05/less-for-java.html

Answer 2

Come hai affermato usando less.js in produzione è una cattiva idea. Solo per aggiungere un'altra idea se stai usando Git puoi generare i file CSS di produzione come parte di un hook pre-commit in modo da non dover fare nulla manualmente per la produzione. Ho scritto un po 'del flusso di lavoro che uso qui - http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/.

Answer 3

Io uso Java troppo, ma il seguente è praticamente valido per qualsiasi tecnologia:

modalità di sviluppo:

1. deve includere quanto meno file, ma non si include il file CSS generati
2. Run less js

Produzione:

1. pulire la cartella css generato utilizzando formica
2. Usa meno rinoceronte per compilare i file css da meno using ant
3. includere i file CSS generato, ma non comprendono i meno file

I fai alcune cose extra come temi/skin che possono essere facilmente ottenute usando qualsiasi strumento di costruzione (formica, esperto, ...). Ho anche permesso al mio sistema di ignorare il versionning della cartella generata in quanto verrà eliminato e generato dal processo di compilazione.