Come si automatizza automaticamente il tuo JS e CSS su OS X o in Webstorm?

Io uso due IDE diversi in base a ciò che sto facendo. Il mio IDE primario è Visual Studio, per cui uso Chirpy per mescolare e minimizzare il mio codice. Funziona perfettamente e lo adoro. Il problema è che quando non sono nella mia scatola di Windows, non ho accesso ad esso.Come si automatizza automaticamente il tuo JS e CSS su OS X o in Webstorm?

Quando non si utilizza Visual Studio, di solito sto scrivendo app Javascript in Webstorm sul mio Macbook Pro. Qui sta il problema. Non ho trovato un plug-in Webstorm o qualsiasi altra app che posso configurare per guardare i miei script e mescolarli/minarli.

In che modo gli utenti Mac usano/ridimensionano JS e CSS in fase di progettazione con il minimo sforzo?

fonte

2012-02-06 Chase Florell

Non sono né un utente Mac né Webstorm, ma potrebbe essere comunque pertinente.

Per javascript uso lo closure compiler come parte di uno script di caricamento per il ridimensionamento. Non monitora i file, viene eseguito quando eseguo il caricamento (un file bash).

Se si desidera mantenere tutto nell'IDE, sembra che Webstorm abbia un plug-in Ant http://plugins.intellij.net/plugin/?webide&id=4526 che è possibile utilizzare per eseguire il compilatore di chiusura.

Se si riesce a trovare un minificatore css da riga di comando, è possibile inserirlo anche nello script Ant.

fonte

2012-02-06 22:33:23 Sean

Il [compressore YUI] (http://developer.yahoo.com/yui/compressor/) è una riga di comando, quindi è possibile utilizzarlo. –

Io uso lessc e uglifyjs per concatenare e minimizzare i miei file css e js. Ecco un makefile da Twitter Bootstrap che ho usato una versione modificata di:

https://github.com/twitter/bootstrap/blob/master/Makefile

E 'semplice in quanto tutto quello che faccio è digitare make nella riga di comando ogni volta che voglio per la compilazione.

fonte

2012-02-07 01:12:32

Si potrebbe utilizzare YUI Compressor senza riga di comando con queste piccole applicazioni:

http://www.webmaster-source.com/minimus/ - liberi
http://www.matmartinez.net/delivery/ - liberi

fonte

2013-09-06 08:26:13

Per coloro che hanno ora aggiornato a WebStorm 6, questa funzionalità è costruito Basta andare su File (o qualunque sia l'equivalente Mac) -> Impostazioni -> File Watcher e definire un watcher di file per il tipo di file che devi guardare.

La documentazione di aiuto rilevante è qui - http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html

fonte

2013-09-16 08:59:15 Sam