Css 在前端少编译

Css 在前端少编译,css,less,Css,Less,我怎样才能在浏览器上高效地进行编译?我用这段代码在浏览器上编译得更少,但编译过程需要很长时间。我需要在浏览器上编译它,而不是在后端 <script> less = { env: "development", logLevel: 2, async: false, fileAsync: false, poll: 1000, functions: {}, dumpLine

我怎样才能在浏览器上高效地进行编译?我用这段代码在浏览器上编译得更少,但编译过程需要很长时间。我需要在浏览器上编译它,而不是在后端

<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>

减={
环境:“发展”,
日志级别:2,
async:false,
fileAsync:false,
投票:1000,
函数:{},
DumpLineNumber:“注释”,
相对论者:错
};

事实上,你的问题非常广泛。为什么必须在客户端编译代码?你的代码看起来怎么样?当您再次编译代码时,有什么变化(如果有的话)

另见:

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

    您使用的是
    env:“development”
    ,该选项阻止Less缓存已编译的代码。 代码中的每个@import指令都需要一个必须通过http打开和读取的文件。 考虑将代码拆分为静态部分(编译CSS)和动态部分,每一个请求都必须编译。 更新

    另请参见:如果您正在使用Safari:

    您可以在less选项中使用{chunkInput:true}重新启用分块 (或less链接上的数据块输入=“true”属性)


    less.js编译器实际上只用于开发,在生产环境中,您应该提供一个压缩的css文件。