HTML 模板

修改默认模板

新建 src/pages/document.ejs，umi 约定如果这个文件存在，会作为默认模板，比如：

  1. <!doctype html>
  2. <html>
  3. <head>
  4.   <meta charset="utf-8" />
  5.   <title>Your App</title>
  6. </head>
  7. <body>
  8.   <div id="root"></div>
  9. </body>
  10. </html>

配置模板

模板里可通过 context 来获取到 umi 提供的变量，context 包含：

  • route，路由信息，需要打包出多个静态 HTML 时（即配置了 exportStatic 时）有效
  • config，用户配置信息

比如：

  1. <link rel="icon" type="image/x-icon" href="<%= context.config.publicPath %>favicon.png" />