index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- The first thing in any HTML file should be the charset -->
    <meta charset="utf-8" />
    <!-- Make the page mobile compatible -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Allow installing the app to the homescreen -->
    <meta name="mobile-web-app-capable" content="yes" />
    <!-- <link rel="icon" href="/favicon.ico" /> -->
    <script src="//cdn-service.datav.aliyun.com/datav-static/2.37.6_4/libs/event.js"></script>
    <script type="text/javascript">
      window.share = {
        event: new EventEmitter(),
      };

      window.share.event.setMaxListeners(50);

      window.umi_plugin_ant_themeVar = [
        { key: 'dark', fileName: 'dark.css', theme: 'dark' },
        {
          key: 'dust',
          fileName: 'dust.css',
          modifyVars: { '@primary-color': '#F5222D' },
        },
        {
          key: 'volcano',
          fileName: 'volcano.css',
          modifyVars: { '@primary-color': '#FA541C' },
        },
        {
          key: 'sunset',
          fileName: 'sunset.css',
          modifyVars: { '@primary-color': '#FAAD14' },
        },
        {
          key: 'cyan',
          fileName: 'cyan.css',
          modifyVars: { '@primary-color': '#13C2C2' },
        },
        {
          key: 'green',
          fileName: 'green.css',
          modifyVars: { '@primary-color': '#52C41A' },
        },
        {
          key: 'geekblue',
          fileName: 'geekblue.css',
          modifyVars: { '@primary-color': '#2F54EB' },
        },
        {
          key: 'purple',
          fileName: 'purple.css',
          modifyVars: { '@primary-color': '#722ED1' },
        },
        {
          key: 'dust',
          theme: 'dark',
          fileName: 'dark-dust.css',
          modifyVars: { '@primary-color': '#F5222D' },
        },
        {
          key: 'volcano',
          theme: 'dark',
          fileName: 'dark-volcano.css',
          modifyVars: { '@primary-color': '#FA541C' },
        },
        {
          key: 'sunset',
          theme: 'dark',
          fileName: 'dark-sunset.css',
          modifyVars: { '@primary-color': '#FAAD14' },
        },
        {
          key: 'cyan',
          theme: 'dark',
          fileName: 'dark-cyan.css',
          modifyVars: { '@primary-color': '#13C2C2' },
        },
        {
          key: 'green',
          theme: 'dark',
          fileName: 'dark-green.css',
          modifyVars: { '@primary-color': '#52C41A' },
        },
        {
          key: 'geekblue',
          theme: 'dark',
          fileName: 'dark-geekblue.css',
          modifyVars: { '@primary-color': '#2F54EB' },
        },
        {
          key: 'purple',
          theme: 'dark',
          fileName: 'dark-purple.css',
          modifyVars: { '@primary-color': '#722ED1' },
        },
      ];
    </script>
  </head>

  <body>
    <!-- Display a message if JS has been disabled on the browser. -->
    <noscript
      >If you're seeing this message, that means
      <strong>JavaScript has been disabled on your browser</strong>, please
      <strong>enable JS</strong> to make this app work.</noscript
    >
    <!-- The app hooks into this div -->
    <div id="app"></div>

    <!-- Open Sans Font -->
    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"> -->
    <!-- A lot of magic happens in this file. HtmlWebpackPlugin automatically injects all assets (e.g. bundle.js, main.css) with the correct HTML tags, which is why they are missing in this file. Don't add any assets here! (Check out webpack.dev.babel.js and webpack.prod.babel.js if you want to know more) -->
  </body>
</html>