🐥

MST作成日誌:_.template用のテンプレートをHTML内に置こうと思ったらHtmlWebpackPluginにはじかれた話

2024/01/05に公開
<script class="template" type="text/template">
 <% _.each(items, function(item){ %>
   <p><%= item.jpName %><p>
<% }); %>
</script>

これをJS側で取得して、_.templateに渡したかったがHtmlWebpackPluginに ReferenceError: items is not defined と表示されエラーになってしまった
ビルダーを通さないHTMLであれば出来たのだが、どうやらHtmlWebpackPluginがejsの記述をどうしても読み込もうとしてしまうのでその際にエラーになってしまっている
これはもうどうしようもない気がしたので、素直にJS側にテンプレートの変数を作って対応

let htmlTemplate = `
 <% _.each(items, function(item){ %>
  <p class="TEST">
   <%= item.jpName %>
  <p>
 <% }); %>`;

Discussion