Question

我正在使用less.js to compile less on the fly。这是我的标记示例：

<html>
    <head>
        <link rel="stylesheet/less" href="sample.less" type="text/css" />
        <script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/1.7.4/less.min.js"></script>
    </head>
    <body>
        <div class="box">
            abcd
        </div>
    </body>
</html>

它没有编译成CSS：

screenshot showing undesired results

Answer 1

有两种方法可以解决此问题

1] 使用Firefox 代替Chrome，因为这是Chrome的已知问题。

2]在 Apache，IIS。

等任何服务器上运行您的文件

Answer 2

为了将LESS编译为CSS，如果您没有使用任何任务管理器，则应在终端中使用lessc命令。

导航到终端上的目录并键入此命令。

$ lessc path / styles.less＆gt;路径/ styles.css的

运行此功能后，请刷新浏览器。应该将LESS转换为CSS。

请使用“使用少量”

关注http://lesscss.org/

少编译到CSS

2 个答案: