index.template.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="description" content="<%= htmlWebpackPlugin.options.productDescription %>">
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="msapplication-tap-highlight" content="no">
  8. <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (htmlWebpackPlugin.options.ctx.mode.cordova) { %>, viewport-fit=cover<% } %>">
  9. <title><%= htmlWebpackPlugin.options.productName %></title>
  10. <link rel="icon" href="statics/quasar-logo.png" type="image/x-icon">
  11. <link rel="icon" type="image/png" sizes="32x32" href="statics/icons/favicon-32x32.png">
  12. <link rel="icon" type="image/png" sizes="16x16" href="statics/icons/favicon-16x16.png">
  13. <% if (htmlWebpackPlugin.options.ctx.mode.pwa) { %>
  14. <!-- Add to home screen for Android and modern mobile browsers -->
  15. <link rel="manifest" href="manifest.json">
  16. <meta name="theme-color" content="<%= htmlWebpackPlugin.options.pwaManifest.theme_color %>">
  17. <!-- Add to home screen for Safari on iOS -->
  18. <meta name="apple-mobile-web-app-capable" content="yes">
  19. <meta name="apple-mobile-web-app-status-bar-style" content="<%= htmlWebpackPlugin.options.pwaManifest.background_color %>">
  20. <meta name="apple-mobile-web-app-title" content="<%= htmlWebpackPlugin.options.pwaManifest.name %>">
  21. <link rel="apple-touch-icon" href="statics/icons/apple-icon-152x152.png">
  22. <!-- Add to home screen for Windows -->
  23. <meta name="msapplication-TileImage" content="statics/icons/ms-icon-144x144.png">
  24. <meta name="msapplication-TileColor" content="<%= htmlWebpackPlugin.options.pwaManifest.background_color %>">
  25. <% } %>
  26. <%= htmlWebpackPlugin.options.headScripts %>
  27. <!--
  28. The following is optional if you DON'T build for PWA.
  29. Preloads/prefetches chunks/assets.
  30. -->
  31. <% if (!['cordova', 'electron'].includes(htmlWebpackPlugin.options.ctx.modeName) && htmlWebpackPlugin.options.ctx.prod) {
  32. for (var chunk of webpack.chunks) {
  33. for (var file of chunk.files) {
  34. if (file.match(/\.(js|css)$/)) { %>
  35. <link rel="<%= chunk.initial ? 'preload' : 'prefetch' %>" href="<%= file %>" as="<%= file.match(/\.css$/)? 'style' : 'script' %>">
  36. <% }}}} %>
  37. </head>
  38. <body>
  39. <% if (!htmlWebpackPlugin.options.ctx.mode.electron) { %>
  40. <noscript>
  41. This is your fallback content in case JavaScript fails to load.
  42. </noscript>
  43. <% } %>
  44. <!-- DO NOT touch the following <div> -->
  45. <div id="q-app"></div>
  46. <!-- DO NOT touch the following -->
  47. <%= htmlWebpackPlugin.options.bodyScripts %>
  48. <!-- built files will be auto injected here -->
  49. </body>
  50. </html>