css - plugin - No puedo conseguir que less.js funcione.
less-plugin-clean-css (4)
No puedo hacer funcionar menos y no tengo ni idea de por qué. Aquí está el HTML que probé:
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- CSS -->
<link rel="stylesheet/less" href="main.less" />
<!-- Javascript -->
<!-- <script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script> -->
<script src="less-1.0.18.min.js" type="text/javascript"></script>
</head>
<body>
<p>
Lorum ipsum
</p>
</body>
</html>
Y heres main.less:
p {
color: blue;
}
El archivo less-1.0.18.min.js se descarga desde http://lesscss.googlecode.com/files/less-1.0.18.min.js . Todos los archivos están en la misma carpeta. No tengo idea de por qué esto no está funcionando ...
Probado en Chrome 12.0.742.100
Editar
Intenté el archivo lates less.js (less-1.1.3.min.js). Ese tampoco funcionó.
OK ahora...
Esto funciona:
<link rel="stylesheet" type="text/less" href="main.less" />
Pero solo como css normal, no hay marcado menos específico.
Esto no funciona en absoluto:
<link rel="stylesheet/less" type="text/less" href="main.less" />
Además, esto no está funcionando:
<link rel="stylesheet/less" type="text/css" href="main.less" />
¿Que demonios? ¿Cómo consigo menos para trabajar?
Encontró el error
La secuencia de comandos del navegador PSS Less.js actualmente no funcionará si usa Chrome y la ruta a su página comienza con "file: ///" debido a un problema conocido de Chrome.
La secuencia de comandos del navegador PSS Less.js actualmente no funcionará si usa Chrome y la ruta a su página comienza con "file: ///" debido a un problema conocido de Chrome.
Pero lo que podríamos hacer es configurar un entorno de prueba local utilizando wamp (pc) o mamap (mac). Funcionará bien entonces.
A pesar de que esto se publicó hace un tiempo, pensé que agregaría algo para que otras personas se quedaran con esto.
Si utiliza una máquina con Windows, es posible que desee probar WinLess. Es un pre-compilador para windows. Parece sencillo de usar. Buena suerte. http://winless.org/
Necesita agregar
tipo = "texto / css"
a su enlace css.
Puede usar el interruptor de línea de comando -detener -archivo-acceso-de-archivos cuando inicie Chrome - permitirá a less.js acceder a menos archivos locales.