이봐! 로더 공급 업체로서 저는 다양한 유형의 로더에 대한 경험에 대한 공정한 경험을 가지고 있었고 오늘은 Nunjucks 로더가 어떻게 작동하는지 이야기하고 싶습니다. Nunjucks는 JavaScript의 강력한 템플릿 엔진이며 로더는 템플릿을 작동시키고 실행하는 데 중요한 역할을합니다.
먼저, 로더는 무엇입니까? Nunjucks의 맥락에서 로더는 템플릿 파일을 가져오고 템플릿 파일을 가져 오는 작은 도우미와 같습니다. 큰 프로젝트를 구축 할 때이 모든 템플릿이 흩어져있는 방법을 알고 있습니까? 글쎄, 로더는 로더를 추적하여 nunjucks가 사용할 수 있도록하는 것입니다.
기본부터 시작합시다. Nunjucks를 사용하는 경우 일반적으로 파일에 저장된 템플릿 세트가 있습니다. 이 템플릿은 다른 디렉토리에있을 수 있으며 다른 명명 규칙이있을 수 있습니다. 로더의 임무는 이러한 파일의 위치를 파악하여 Nunjucks 환경에로드하는 것입니다.
nunjucks에는 다양한 유형의 로더가 있습니다. 가장 일반적인 것 중 하나는입니다FileSystemloader. 이 로더는 템플릿이 파일 시스템에 저장 될 때 사용됩니다. 사용하는 것은 매우 간단합니다. 당신은 단지 템플릿을 찾아야 할 곳을 알려주고 나머지는 템플릿을합니다.
다음은 어떻게 사용할 수 있는지에 대한 예입니다FileSystemloader:
const nunjucks = require ( 'nunjucks'); // 새 FileSystemLoader를 만듭니다. const loader = new nunjucks.filesystemloader ( 'templates'); // 로더 const env = new nunjucks.environment (Loader)로 새로운 nunjucks 환경을 만듭니다. // 이제 환경을 사용하여 템플릿 const output = env.render ( 'index.html', {name : 'john'}); Console.log (출력);이 예에서 우리는 a를 만들고 있습니다FileSystemloader그것은 템플릿을 찾습니다템플릿예배 규칙서. 그런 다음이 로더를 사용하여 Nunjucks 환경을 만듭니다. 마지막으로 환경을 사용하여index.html일부 데이터와 함께.
다른 유형의 로더는입니다웹 로더. 이 로더는 템플릿이 웹 서버에 저장 될 때 사용됩니다. 웹 애플리케이션을 구축하고 원격 위치에서 템플릿을로드하려는 경우 유용합니다.
다음은 사용 방법입니다웹 로더:
const nunjucks = require ( 'nunjucks'); // 새 Webloader const loader = new nunjucks.webloader ( 'https://example.com/templates'); // 로더 const env = new nunjucks.environment (Loader)로 새로운 nunjucks 환경을 만듭니다. // 이제 환경을 사용하여 템플릿 const output = env.render ( 'index.html', {name : 'john'}); Console.log (출력);이 예에서 우리는 a를 만들고 있습니다웹 로더그것은 템플릿을 찾습니다https://example.com/templates섬기는 사람. 그런 다음이 로더를 사용하여 Nunjucks 환경을 만들고 템플릿을 렌더링합니다.
이제 로더가 실제로 어떻게 작동하는지 이야기 해 봅시다. 당신이 전화 할 때세우다메소드 Nunjucks 환경에서 먼저 로더에게 템플릿 파일을 찾도록 요청합니다. 그런 다음 로더가 꺼내어 지정된 위치에서 파일을 찾습니다.
파일을 찾으면 로더는 파일의 내용을 읽고 Nunjucks 환경으로 반환합니다. 그런 다음 환경은 템플릿을 구문 분석하고 모든 자리 표시자를 실제 데이터로 대체합니다.
파일을 찾을 수없는 경우 로더는 오류를 반환합니다. 개발 프로세스 초기에 문제를 해결하는 데 도움이되기 때문에 중요합니다.
Nunjucks 로더의 멋진 점 중 하나는 매우 유연하다는 것입니다. 특정 요구 사항이있는 경우 자신의 사용자 정의 로더를 만들 수 있습니다. 예를 들어, 데이터베이스 또는 사용자 정의 파일 시스템에서 템플릿을로드 할 수 있습니다.
다음은 사용자 정의 로더를 만드는 방법의 예입니다.
const nunjucks = require ( 'nunjucks'); // 사용자 정의 로더 클래스 생성 CustomLoader는 nunjucks.loader를 확장합니다 {constructor () {super (); } getSource (name) {// 여기에서 템플릿을로드하기 위해 자신의 논리를 구현할 수 있습니다. 예를 들어, 데이터베이스 const 템플릿에서로드 할 수 있습니다. 반환 {src : 템플릿, 경로 : 이름, nocache : false}; }} // 사용자 정의 로더로 새로운 nunjucks 환경을 만듭니다. const loader = new Customloader (); const env = new nunjucks.environment (로더); // 이제 환경을 사용하여 템플릿 const output = env.render ( 'custom.html', {name : 'john'}); Console.log (출력);이 예에서는 항상 동일한 템플릿을 반환하는 사용자 정의 로더를 만들고 있습니다. 실제 시나리오에서는 데이터베이스 또는 다른 소스에서 템플릿을로드하기 위해 자신의 논리를 구현합니다.
로더 공급 업체로서 신뢰할 수 있고 효율적인 로더를 갖는 것이 얼마나 중요한지 알고 있습니다. 그렇기 때문에 항상 nunjucks 로더를 사용하는 것이 좋습니다. 사용하기 쉽고 유연하며 다양한 시나리오에서 훌륭하게 작동합니다.
농장이나 건설 현장을위한 중장비 로더를 시장에 나누는 경우 몇 가지 훌륭한 옵션이 있습니다. 우리를 확인하십시오큰 농장 불도저 220hp,,,미니 파기 1.5 톤 굴삭기, 그리고지게차 4 톤 디젤. 이 기계는 지속되도록 만들어졌으며 작업을 빠르고 효율적으로 수행하게합니다.
로더에 대해 더 많이 배우거나 Nunjucks 로더에 대한 질문이 있으시면 언제든지 연락하십시오. 우리는 당신이 당신의 요구에 맞는 선택을하도록 돕기 위해 왔습니다.
참조 :
- Nunjucks 공식 문서
- JavaScript 프로그래밍 리소스
