tmodjs + artTemplate 용법, 간단 한 인 스 턴 스

7479 단어 템 플 릿
nodejs 와 artTemplate 에 관 한 이곳 은 소개 하지 않 습 니 다. 인터넷 에 이미 전면적 인 소개 가 있 습 니 다. 여기 인 스 턴 스 를 쓰 고 코드 를 올 립 니 다.
nodejs 설치
npm install -g tmodjs  //-g     
     tpl        ,     
cmd      ,  tmod,tpl        package.json    
 
  
  package.json
output:      ;
type:
            。   ~~~~

 
  
output String "./build"
출력 디 렉 터 리 위치 컴 파일
charset
String "utf-8"
템 플 릿 에 사용 할 인 코딩 (잠시 utf - 8 만 지원)
syntax
String "simple"
템 플 릿 이 어떤 문법 을 사용 하 는 지 정의 합 니 다.선택 가능: simple, nativehelpers
String null
사용자 정의 보조 방법 경로
escape
Boolean true
XSS 를 걸 러 낼 지 여부 입 니 다.배경 에 제 시 된 데이터 가 XSS 여과 되 었 다 면 템 플 릿 의 여과 을 닫 아 템 플 릿 렌 더 링 효율 을 높 일 수 있 습 니 다.
compress
Boolean true
HTML 여분의 공백 문 자 를 압축 할 지 여부
type
String "default"
출력 모듈 유형, 선택 가능: default, cmd, amd, commonjsruntime
String "template.js"
출력 실행 시 이름 설정
alias
String null
모듈 이 의존 하 는 실행 경 로 를 설정 합 니 다. (비 default 유형 모듈 설정 필드 만 바늘 로 설정 합 니 다. 모듈 내부 가 지정 되 지 않 으 면 상대 적 으로 runtime 경 로 를 자동 으로 사용 합 니 다)
combo
Boolean true
템 플 릿 을 합 칠 지 여부 (default 형식의 모듈 에 만 바늘)
minify
Boolean true
압축 된 형식 으로 출력 할 지 여부
cache
Boolean true
컴 파일 캐 시 실행 여부
 
  
      ,             , tpl     ,index.tpl  
 
  
:{{name}}

그리고 쓰 인 템 플 릿 을 사용 합 니 다.
 package.json type default ,           template.js(runtime  ) 
 js    template.js   
 
  
var data={};
data.name='test';
var html = template('testtpl',data);
$('body').append(html);

package. json 에서 type 이 amd 또는 다른 모드 라면 tpl 파일 마다 *. js 파일 js 에 testpl. js 를 도입 합 니 다.
 
  
var testtpl = common/tpl/testtpl;
 
  
 
  
var html = testtpl(data);

자, 간단 한 실례 하나, 이렇게 하 자 ~ ~ ~ ~ ~ ~
 
   
 package.json type amd     ,  tpl       *.js  js   testtpl.js

좋은 웹페이지 즐겨찾기