83 lines
2.3 KiB
Plaintext
83 lines
2.3 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title><%= htmlWebpackPlugin.options.title || 'Storybook'%></title>
|
|
|
|
<% if (htmlWebpackPlugin.files.favicon) { %>
|
|
<link rel="shortcut icon" href="<%= htmlWebpackPlugin.files.favicon%>" />
|
|
<% } %>
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Nunito Sans';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Nunito Sans';
|
|
font-style: italic;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Nunito Sans';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Nunito Sans';
|
|
font-style: italic;
|
|
font-weight: 700;
|
|
font-display: swap;
|
|
src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
|
|
}
|
|
</style>
|
|
|
|
<% if (typeof headHtmlSnippet !== 'undefined') { %> <%= headHtmlSnippet %> <% } %> <%
|
|
htmlWebpackPlugin.files.css.forEach(file => { %>
|
|
<link href="<%= file %>" rel="stylesheet" />
|
|
<% }); %>
|
|
|
|
<style>
|
|
#storybook-root[hidden],
|
|
#storybook-docs[hidden] {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<% if (typeof bodyHtmlSnippet !== 'undefined') { %> <%= bodyHtmlSnippet %> <% } %>
|
|
|
|
<div id="storybook-root"></div>
|
|
<div id="storybook-docs"></div>
|
|
|
|
<% if (typeof globals !== 'undefined' && Object.keys(globals).length) { %>
|
|
<script>
|
|
<% for (var varName in globals) { %>
|
|
<% if (globals[varName] != undefined) { %>
|
|
window['<%=varName%>'] = <%= JSON.stringify(globals[varName]) %>;
|
|
<% } %>
|
|
<% } %>
|
|
</script>
|
|
<% } %>
|
|
<script type="module">
|
|
import './sb-preview/runtime.js';
|
|
|
|
<% htmlWebpackPlugin.files.js.forEach(file => { %>
|
|
import './<%= file %>';
|
|
<% }); %>
|
|
</script>
|
|
</body>
|
|
</html>
|