blog
blog copied to clipboard
Tinper-bee 本地化部署内网工程不使用CDN修改字体方法
当我们做中台系统的时候,常常在企业的内网环境,这个时候使用一些外网的资源加载就比较尴尬了,例如npm,我们使用不了外网,但是可以使用ynpm部署我们的内网镜像资源服务。字体服务,bee组件库默认加载cdn的地址,这个时候我们略显尴尬,所以今天写一篇教程告诉大家如何修改为本地化部署。
准备
-
找到项目内安装的
node_modules/tinper-bee/style/*
复制到我们的项目上,这是我们需要部署本地化的字体文件 -
复制组件库样式
node_modules/tinper-bee/assets/tinper-bee.css
到我们的项目内
修改本地化
- 修改我们刚刚复制的
tinper-bee.css
,搜索.woff
可以看到只要带//design.yonyoucloud.com/static/iconfont/iconfont.eot
这样字眼的都修改掉路径为你本地的路径就可以了,这样webpack就会按照这个按需打包出fonts的.
tinper-bee使用CDN修改字体图标的办法: 点这里