UmiJS基礎(chǔ)教程(3)- HTML模板
在src/pages目錄里面如果存在document.ejs文件,就會將該文件作為默認(rèn)的模板文件。默認(rèn)采用的如下的模板文件。

通常情況下,我們需要對模板文件里面增加一下其他的配置,那么這樣就需要我們,能夠自定義模板了。
那如何自定義模板文件呢?
創(chuàng)建模板文件
在pages目錄下面創(chuàng)建document.ejs文件來重寫模板文件。模板文件的代碼如下:

運行效果如下:

用途:
如果需要引入第三方j(luò)s/css文件,可以直接在該文件里面配置,比如我們引入jquery。
在index.tsx加入幾行代碼

運行之后,在控制看可以看到j(luò)query已經(jīng)引入成功了。
? ? 目前很多第三方插件都沒有react版的,所以采用import的方式是無法使用的,只能通過上面的方式進(jìn)行引入。
模板里可通過 context 來獲取到 umi 提供的變量,context 包含:
? ? route:
????? ? ? 路由信息,需要打包出多個靜態(tài) HTML 時(即配置了 exportStatic 時)有效
? ? config:
? ? ? ? ? ?用戶配置信息
標(biāo)簽: