html 동적 로딩시 contextPath 표현방법 질문입니다.

안녕하세요 html 내에서 contextPath 를 어떻게 사용하는지 궁금하여 질문 드립니다.

서버측에 아래와 같은 html 템플릿이 있을 경우,

<div>
    <ul>
        <li><a href="/contextPath/folder1/file1.do">메뉴1</a></li>
        <li><a href="/contextPath/folder2/file2.do">메뉴2</a></li>
        <li><a href="/contextPath/folder3/file3.do">메뉴3</a></li>
    </ul>
</div>

자바스크립트로 해당 html 템플릿을 동적으로 로딩했을때 contextPath 를 템플릿 내에서 어떻게 표현해야할지 방법을 못찾고 있습니다.

템플릿 로드 후 자바스크립트로 contextPath 를 넣어줘야하나요?? 그게 아닐 경우 다른 방법이 뭐가 있을까요??

도와주세요…

어떤 템플릿 엔진을 어떤 환경에서 쓰고 계신건가요?