Vant 在离线无网络环境中使用 icon 无法显示的问题

在内网中部署 Vue+Vant的项目时，发现所有的 icon 图标全部是小方块无法正常显示。查看网络请求，发现图标字体引用的在线文件。[https://img.yzcdn.cn/vant/vant-icon-6ae417.woff]

查阅官方文档如下图，发现默认使用cdn，如果想使用本地需要引入import 'vant/lib/icon/local.css'

修改main.js 如下

import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css'; //本地
Vue.use(Vant);

然后在内网环境中就可以显示了。