在前端编译较少

Question

如何在浏览器上有效编译？我正在使用此代码在浏览器上编译较少，但这需要很长时间才能编译。我需要在浏览器上编译它而不是在后端。

<script>
    less = {
        env: "development",
        logLevel: 2,
        async: false,
        fileAsync: false,
        poll: 1000,
        functions: {},
        dumpLineNumbers: "comments",
        relativeUrls: false
    };
</script>
<script src="http://cdn.storehippo.com/assets/less-1.5.0.js"></script>
<script src="lessfile.less"></script>

Answer 1

事实上，你的问题非常广泛。为什么要编译代码客户端？你怎么编码看？当你再次编译代码时会发生什么变化？

另见：

1. how to optimize Less CSS? how to generate 1 minified version of all less files? I am also using modifyVars
2. Is it faster to precompile less?

在大多数情况下，您不应在产品环境中使用Less。当你出于某种原因，你可以尝试优化编译时间。

您正在使用env: "development"，该选项阻止Less缓存已编译的代码。 代码中的每个@import指令都需要一个必须打开并通过http读取的文件。 考虑将代码拆分为静态部分（编译css）和必须为每个请求编译的动态部分。

<强>更新

如果您使用的是Safari，请参阅：https://github.com/less/less.js/issues/2339：

  

您可以在less选项中使用{chunkInput：true}重新启用分块   （或less链接上的data-chunk-input =“true”属性）。