UmiJS基础教程（3）- HTML模板

在src/pages目录里面如果存在document.ejs文件，就会将该文件作为默认的模板文件。默认采用的如下的模板文件。

通常情况下，我们需要对模板文件里面增加一下其他的配置，那么这样就需要我们，能够自定义模板了。

那如何自定义模板文件呢？

创建模板文件

在pages目录下面创建document.ejs文件来重写模板文件。模板文件的代码如下：

运行效果如下：

用途：

如果需要引入第三方js/css文件，可以直接在该文件里面配置，比如我们引入jquery。

在index.tsx加入几行代码

运行之后，在控制看可以看到jquery已经引入成功了。

    目前很多第三方插件都没有react版的，所以采用import的方式是无法使用的，只能通过上面的方式进行引入。

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

    route：

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

    config：

           用户配置信息