<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      /* 滚动条样式 */
      ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 6px;
        height: 6px;
      }
      /* 滚动条内的轨道 */
      ::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
        border-radius: 0;
      }
      /* 滚动条内的滑块 */
      ::-webkit-scrollbar-thumb {
        cursor: pointer;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.15);
        transition: color 0.2s ease;
      }
      html, body {
        height: 100vh;
        /* overflow-y: auto */
        overflow: hidden !important;
      }
    </style>
  </head>
  
  
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <script>
      const ua = window.navigator.userAgent
      const isIE = ua.indexOf('MSIE ') > -1 || ua.indexOf('Trident/') > -1
      // IE 兼容
      if (isIE) {
        // 覆写scrollTo
        if (!window.scrollTo) {
          window.scrollTo = function(option) {
            window.scrollLeft = option.left;
            window.scrollTop = option.top;
          };
        }
        if (!document.body.scrollTo) {
          Element.prototype.scrollTo = function(option) {
            this.scrollLeft = option.left;
            this.scrollTop = option.top;
          };
        }
      }
    </script>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
  

</html>
