Tinper-bee 本地化部署内网工程不使用CDN修改字体方法

@kvkens 2019-01-17 02:27:12发表于 iuap-design/blog

当我们做中台系统的时候,常常在企业的内网环境,这个时候使用一些外网的资源加载就比较尴尬了,例如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的.