少不编译成 CSS答案

【问题标题】：Less not compiling to CSS少不编译成 CSS
【发布时间】：2014-09-05 18:35:01
【问题描述】：

我正在使用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：

【问题讨论】：

我一直在使用 Prepros，我喜欢它。 alphapixels.com/prepros
见stackoverflow.com/a/18531239
less.js not working in chrome的可能重复

标签： html css less

【解决方案1】：

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

在终端上导航到您的目录并输入此命令。

$ lessc path/styles.less > path/styles.css

运行后，刷新您的浏览器。 LESS 应转换为 CSS。

请关注http://lesscss.org/下使用“使用LESS”

【讨论】：

问题的第一行：“我正在使用 less.js 即时编译 less”...

【解决方案2】：

有两种方法可以解决这个问题

1] 使用 Firefox 而不是 chrome，因为这是 chrome 的一个已知问题。

2]在 Apache、IIS 等任何服务器上运行您的文件。

【讨论】：