¿Cómo se minimiza automágicamente su JS y CSS en OS X o en Webstorm?

Question

Uso dos IDE diferentes en función de lo que estoy haciendo. Mi IDE principal es Visual Studio, mediante el cual utilizo Chirpy para mezclar y minificar mi código. Funciona perfectamente y me encanta. El problema es que cuando no estoy en mi caja de Windows, no tengo acceso a ella.

Cuando no estoy usando Visual Studio, suelo escribir aplicaciones de Javascript en Webstorm en mi Macbook Pro. Aquí en mentiras el problema. No he encontrado un plugin de Webstorm o cualquier otra aplicación que pueda configurar para ver mis scripts y mezclarlos/minificarlos.

¿Cómo pueden los usuarios de Mac mezclar/minimizar su JS y CSS en el momento del diseño con un mínimo esfuerzo?

Answer 1

No soy un usuario de Mac ni Tormenta web, pero esto podría ser relevante.

Para javascript uso el closure compiler como parte de un script de carga para minimizar. No supervisa los archivos, se ejecuta cuando ejecuto la carga (un archivo bash).

Si desea mantener todo en el IDE, parece que Webstorm tiene un complemento Ant http://plugins.intellij.net/plugin/?webide&id=4526 que podría utilizar para ejecutar el compilador de cierre.

Si puede encontrar un minificador de css en la línea de comandos, también puede ponerlo en el script Ant.

Answer 2

Uso lessc y uglifyjs para concatenar y minificar mis archivos css y js. Aquí está un makefile de Twitter Bootstrap que he usado una versión modificada de:

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

Es muy sencillo ya que todo lo que hago es escribir make en la línea de comandos cada vez que quiero compilar.

Answer 3

Usted podría utilizar YUI Compresor sin línea de comandos con estos pequeños Aplicaciones:

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

Answer 4

Para aquellos que ya han actualizado para WebStorm 6, esta funcionalidad está incorporado. Simplemente vaya a Archivo (o lo que sea el equivalente de Mac) -> Configuración -> File Watchers y defina un vigilante de archivos para el tipo de archivo que necesita ver.

La documentación de ayuda relevante es aquí - http://www.jetbrains.com/webstorm/webhelp/using-file-watchers.html

Answer 5

utilizo Minify. Está en el Mac App Store.

Lo desarrollé para admitir mi propio flujo de trabajo. minifyapp.com