html-webpack-plugin을 사용하여 ejs 로더에 객체 전달하기

Question

나는 여기 저기 들여다 보았다고 생각하지만, 나는 빈손으로 들어왔다. 내 소스에서 index.html 파일을로드하기 위해 html-webpack-plugin을 사용했지만 클라이언트에 로컬라이제이션이 포함되어 있으며 동적으로 추가 할 수 있다면 좋을 것 같습니다.

그래서 인 템플릿 엔진을 사용하려고합니다. 즉, ejs이지만 큰 문제가 있습니다.

html-webpack-plugin을 렌더링하고 .ejs 파일을 만들고 싶습니다. 그리고 .ejs 파일에 localisations라는 거대한 개체를 제공해야합니다.

나는 이런 식으로 뭔가 싶어 :

<h1><%= header.title %></h1> 

이 같은 현지화 .json - 파일에서 오는 : 나는 두 개의 서로 다른 EJS의 웹팩 로더를 사용하려고했습니다

{ 
    "header": { 
    "title": "My Clients Super Awesome Website" 
    } 
} 

을, 나는 간단하게 할 수있는 ' 내 ejs 파일에서 사용할 수있는 간단한 객체를 ejs 로더에 전달하는 방법을 찾아야한다.

여러분이 답변 해 주길 바랍니다. D 미리 감사드립니다.

Answer 1

나는 똑같은 것을 찾고 있었다. 서식 파일이 htmlWebpackPlugin.options 개체로 html-webpack-plugin에 전달 된 옵션 개체에 액세스 할 수있는 것 같습니다.

예 : 제목, 템플릿에서 htmlWebpackPlugin.options.title으로 참조해야합니다. 더 많은 플러그인에 독립적 인 방식으로 값을 전달할 수있는 방법이 있는지 모르겠다. title을 템플릿 파일에 title으로 참조하면됩니다.