在前端编译较少

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. 如何优化Less CSS？如何生成所有 less 文件的 1 个缩小版本？我也在使用modifyVars
2. 预编译越少是不是越快？

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

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

更新

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

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