lhl 6ff0e96ad3 8-4-1		1 年之前
..
build	6ff0e96ad3 8-4-1	1 年之前
README.md	6ff0e96ad3 8-4-1	1 年之前
main.js	6ff0e96ad3 8-4-1	1 年之前
template.ejs	6ff0e96ad3 8-4-1	1 年之前
webpack.config.js	6ff0e96ad3 8-4-1	1 年之前

HTML webpack plugin interop

When using html-webpack-plugin along with sprite-loader in extract mode it is possible to inline sprite content directly to the page. All extracted sprites stored in htmlWebpackPlugin.files.sprites template variable. It's an object where key is a sprite filename and value - file contents (Object<filename:string, content:string>).

Demo

Template example

...
<body>

<% if (htmlWebpackPlugin.files.sprites) { %>
  <% for (var spriteFileName in htmlWebpackPlugin.files.sprites) { %>
    <%= htmlWebpackPlugin.files.sprites[spriteFileName] %>
  <% } %>
<% } %>

</body>
...

README.md

HTML webpack plugin interop

Demo

Template example