백본 상용구 조건문

Question

Backbone Boilerplate (https://github.com/tbranyen/backbone-boilerplate/blob/master/index.html)의 index.html에서 조건부 주석의 중요성을 누군가에게 말해 줄 수 있습니까?

<!--(if target dummy)><!--> <link rel="stylesheet" href="/app/styles/index.css"> <!--<!(endif)--> 

<!--(if target release)> <link rel="stylesheet" href="index.css"> <!(endif)--> 

<!--(if target debug)> <link rel="stylesheet" href="index.css"> <!(endif)--> 

<!--(if target dummy)><!--> <script data-main="/app/config" src="/vendor/js/libs/require.js"></script> <!--<!(endif)--> 

<!--(if target release)> <script src="require.js"></script> <!(endif)--> 

<!--(if target debug)> <script src="require.js"></script> <!(endif)--> 

다른 버전을 빌드 할 때 Grunt와 관련이 있습니까?

고마워요.

Answer 1

Grunt 빌드 대상이라고 가정 할 때 올바른 것처럼 보입니다. 툴툴 거리기를 사용하여 빌드 할 때 디버그, 더미 및 릴리스와 같은 다른 설정이 있어야합니다.

https://github.com/changer/grunt-targethtml

내가 검색하여 찾을 링크 된 예. 조건부 주석뿐만 아니라 약간의 정보가 있습니다. 그런 다음 gruntfile.js에 있습니다.

// Configuration to be run (and then tested). 
targethtml: { 
    dev: { 
    files: { 
     'tmp/dev.html': 'test/fixtures/index.html' 
    } 
    }, 
    dist: { 
    files: { 
     'tmp/dist.html': 'test/fixtures/index.html' 
    } 
    } 
},... 

그것은 조건부로 dev 및 dist를 사용합니다.

백본 상용구는 (더미 제외 할 나타납니다) 디버그 및 릴리스를 정의

https://github.com/tbranyen/backbone-boilerplate/blob/master/grunt.js#L131