您的位置 首页 > 娱乐休闲

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:

用户配置信息

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“UmiJS基础教程3,HTML模板”边界阅读