프런트 엔드에서 덜 컴파일

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

실제로 귀하의 질문은 매우 광범위합니다. 왜 코드 클라이언트 측을 컴파일해야합니까? 어떻게 코드를 작성합니까? 코드를 다시 컴파일 할 때 무엇이 ​​변경됩니까?

은 참조 : 대부분의 경우 Is it faster to precompile less?

how to optimize Less CSS? how to generate 1 minified version of all less files? I am also using modifyVars

1. 당신이 제품 환경에서 적은 사용할 수 없습니다. 어떤 이유로 든 컴파일을 최적화하려고 할 수 있습니다.

   env: "development"을 사용하고 있는데,이 옵션은 Less가 컴파일 된 코드를 캐싱하지 못하도록합니다. 코드의 모든 @import 지시문에는 http를 통해 읽거나 읽어야하는 파일이 필요합니다. 모든 요청에 ​​대해 컴파일해야하는 정적 부분 (컴파일 CSS)과 동적 부분으로 코드를 분할하는 것을 고려하십시오.

   갱신

   참조 : https://github.com/less/less.js/issues/2339 당신의 사파리를 사용하는 경우 :

   당신이 청크 다시 활성화 할 수 있습니다

   : 덜 옵션 에서 {chunkInput 사실} (또는 데이터 chunk- input = "true"속성).