BEM and asp.net mvc

Question

누군가 asp.net mvc 및 bem (http://bem.info/)의 통합에 직면 할 수 있습니까? 자습서에 대한 예제 또는 링크를 소개 할 수 있습니까?

Answer 1

asp.NET을 사용하지 않기 때문에 코드 예제를 제공 할 수 없습니다. 하지만 내 이론적 인 대답이 도움이 될 수 있다면, 여기에 :

우선, CSS & BEM의 파일 시스템 부분을 사용할 수 있습니다. 즉, 블록 구성 요소의 CSS 코드를 분리하여 개별 파일에 저장할 수 있습니다.

blocks/ 
    button.css 
    footer.css 
    header.css 
    login.css 

그런 다음 @import와 페이지에 대한 CSS 파일에이 파일을 수집 할 수 있습니다. 파일을 병합하려면 borschik (https://github.com/bem/borschik)을 사용하십시오. 최근에 개발 된 borschik severhttps://github.com/bem/borschik-server에 관심이있을 수도 있습니다.

추가 준비가되면 개별 구성 요소에 JavaScript 파일을 제공하고 해당 구성 요소의 CSS 파일과 함께 저장할 수 있습니다.

blocks/ 
    button/ 
     button.css 
     button.js 
    footer/ 
     footer.css 
    header/ 
     header.css 
    login/ 
     login.css 
     login.js 

CSS와 마찬가지로 이러한 JavaScript 부분을 페이지 당 자바 스크립트 번들에 사용할 수 있습니다. 물론 JavaScript에는 @import과 비슷한 키워드가 없습니다. 그러나 여기에서도 다시 borschik이 도움이 될 수 있습니다. 당신이 page.js 다음과 같은 내용에 파일이있는 경우이 파일을 통해

borschik:include:blocks/login/login.js 
borschik:include:blocks/button/button.js 

실행 borschik을 당신은 인라인 내용으로 _page.js 파일을 얻을 것이다. 자세한 내용 난 당신이 페이지의 JS 파일에 다시 다음 페이지의 CSS 파일에 모든 블록을 연결하고 지루해하는 경우 http://bem.info/articles/borschik/

bem.info에 Borschik에 대한 기사를 추천하는 방식이있다 그것을 통일하라. bem toolshttps://github.com/bem/bem-tools을 사용할 수 있습니다. 그들과 함께 우리가 JSON에서 page declaration이라고 부르는 것을 생성 할 수 있습니다. 그런 다음, bem tools 선언에 따라 귀하의 페이지에 CSS 및 JavaScript 파일을 번들로 제공합니다. 그리고 실제로는 다른 기술자들도 필요합니다. 댓글이 이미 상당히 오래 걸립니다. 따라서 여기서는 bem tools을 사용하는 방법에 대해서는 설명하지 않겠습니다. 그러나 문서가 충분하지 않다면, 물어보십시오.

마지막으로 요점은 템플릿 시스템입니다. 내 생각 엔 asp NET 하나, 안 그래? razor 인 경우 TT2 (perl)와 매우 유사해야합니다. 나는 그러한 프로젝트를 만났고 그들이 한 일을 기술 할 수있다.

그들은 2 개의 '레이어'템플릿을 사용합니다. 첫 번째는 네이티브 임베디드 템플리트 시스템입니다. 그러나 그 출력은 평소처럼 HTML이 아니고 BEMJSON 페이지 설명입니다. node.js 바인딩으로 인해이 JSON을 통해 서버 측 JavaScript를 실행할 수 있습니다. 서버 측 JavaScript에서는 BEMHTML 템플릿을 사용합니다. '빠른 시작'도움말 http://bem.info/articles/start-with-project-stub/ 또는이 자습서를 사용하여 맛을 얻을 수 있습니다. http://bem.info/articles/bemhtml-intro/