tmodjs + artTemplate 용법, 간단 한 인 스 턴 스
7479 단어 템 플 릿
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
,native
helpers
Stringnull
사용자 정의 보조 방법 경로
escape
Booleantrue
XSS 를 걸 러 낼 지 여부 입 니 다.배경 에 제 시 된 데이터 가 XSS 여과 되 었 다 면 템 플 릿 의 여과 을 닫 아 템 플 릿 렌 더 링 효율 을 높 일 수 있 습 니 다.
compress
Booleantrue
HTML 여분의 공백 문 자 를 압축 할 지 여부
type
String"default"
출력 모듈 유형, 선택 가능:default
,cmd
,amd
,commonjs
runtime
String"template.js"
출력 실행 시 이름 설정
alias
Stringnull
모듈 이 의존 하 는 실행 경 로 를 설정 합 니 다. (비default
유형 모듈 설정 필드 만 바늘 로 설정 합 니 다. 모듈 내부 가 지정 되 지 않 으 면 상대 적 으로 runtime 경 로 를 자동 으로 사용 합 니 다)
combo
Booleantrue
템 플 릿 을 합 칠 지 여부 (default 형식의 모듈 에 만 바늘)
minify
Booleantrue
압축 된 형식 으로 출력 할 지 여부
cache
Booleantrue
컴 파일 캐 시 실행 여부
, , 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