前端编译更少

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)和动态部分，它们必须为每个请求进行编译。

更新

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

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