2011-03-08 20 views
11

La menos gema ha sido reemplazada por less.js, que se ejecuta en el servidor con Node.js. Además, el complemento "oficial" Less para Rails no se ha actualizado desde el 14 de junio de 2010.¿Todavía se recomienda más (menos el complemento CSS para Rails)?

A la luz de todo eso, ¿cuál es la forma recomendada de utilizar Less with Rails estos días? Supongo que siempre podría usar JS del lado del cliente para esto, que todos parecen estar adoptando. Pero no me entusiasma confiar en JS del lado del cliente solo para transformar una hoja de estilo, especialmente considerando que me gustaría degradarme con gracia. Me doy cuenta de que Less.js se considera muy rápido, pero como una cuestión de principio, no quiero que mi CSS dependa completamente del motor JS del navegador.

Suponiendo que quiero compilar Menos servidor, ¿cuál es la mejor práctica en estos días para usar con Rails? Sé que puedes ejecutar Less usando Node.js, pero estoy buscando una buena integración de Rails como la que tuvimos una vez con More.

Estoy buscando algo que funcione en Linux y Mac. Idealmente, sería una gema o un plugin de Rails, no una aplicación independiente.

Actualización: estoy investigando si el corredor de Ruby se puede utilizar para incrustar Less.js en una aplicación Rails. ¿Alguien tiene opiniones sobre eso?

Actualización 2: Esta pregunta es muy viejo, pero para cualquier persona que todavía está interesado, sólo quería señalar que Rails 3 viene con la integración SCSS fuera de la caja. SCSS es un competidor MENOS, y estoy bastante contento con él.

Respuesta

4

Pruebe less.app para Mac OSX. http://incident57.com/less/

Úselo en su desarrollador local para generar el CSS.

Mi única queja es que el análisis a veces se tropieza con las reglas de CSS específicas de IE que no son CSS válidas, pero fueron manejadas bien por la gema más.

También no maneja los parciales menos (_file.less) que más hace.

+0

Es una lástima no tener esto integrado de alguna manera en Rails, pero esto _hace work_, así que voy a usarlo para mi aplicación, en menos. –

3

Bryan aquí, desarrollador de Less.app

Puede manejar cualquier código IE-específico en Menos simplemente mediante el uso de la función de escape, que tiene una cadena. Por lo tanto, podría escribir: e ("filter: alpha ..."); en su archivo LESS y compilará el CSS esperado específico de IE (aunque no estándar).

Consulte Lesscss.org para obtener más información. El bit sobre la función e() está en la parte inferior de los documentos.

2

Puede que no sirva de nada, pero el enfoque que usamos actualmente (PHP/node dev) es .less del cliente durante el desarrollo, y entrega .css compilado en deploy, usando lessc. Eso se puede integrar en scripts de compilación o commit hooks, sin paquete de magia :)

Cuestiones relacionadas