2014-12-12 3 views
-1

는 어떻게 설정 그것은 내 구문 분석 적은 코드로, 여기 http://lessprefixer.com/ 속기 CSS3 접두사에 대한 유지 mixin 적은 파일이 내 코드내 코드에서 mixins 파일을 덜 사용하는 방법은 무엇입니까? 여기

var parser = window.less.Parser(); 
     try{ 
      parser.parse(aztp_css_editor.getValue(), function(error, result){ 
       if(!error){ 
        alert(result.toCSS()); 
       }else{ 
        alert(error); 
       } 
      }); 
     }catch(error){ 
      alert(error); 
     } 

입니까?

+0

질문 업데이트 – complez

+2

적은 코드 (['@ import' 지시어] (http://lesscss.org/features/#import-directives-feature)를 통해)가 적은 라이브러리는 자바 스크립트에 포함되어 있지 않습니다 암호. 또한 mixin 라이브러리 대신에 접두사 접두사를 사용하는 경우'Autoprefixer' ('node'에 Less 파일을 컴파일하면) 또는'-prefix-free' (브라우저에 Less 파일을 컴파일하면)를 사용하십시오. –

답변

1

less.render 기능을 더 잘 구현해야한다고 생각합니다. http://lesscss.org/usage/#programmatic-usage도 참조하십시오.

그러나 @import 지시어는 @ seven-phases-max에 이미 정의되어 있으므로 사용할 수 있습니다.

예 : test.less 코드를 포함하는 HTML과 같은 경로에 가능할 때

<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.1.0/less.min.js"></script> 
<script> 
less.render('@import "test.less"; p {color: @red; }', {'include-path': 'test/'}) 
    .then(function(output) { 
     // output.css = string of css 
     // output.map = string of sourcemap 
     // output.imports = array of string filenames of the imports referenced 
     console.log(output.css); 
    }, 
    function(error) { 
    }); 
</script> 

위 (output.css 결과)도 컴파일한다. 가져 오기에서 경로를 사용할 수도 있습니다. '@import "path/test.less"; include-path 설정이 효과가 있음을 발견하지 못했습니다.

관련 문제