微前端打包部署后,子应用的iconfont的字体图标显示报错,
原因:打包后请求字体的路径是获取主应用下面的文件
解决方案:将字体图标打包成base64显示
// 打包成base64
config.module
.rule('fonts')
.test(/.(ttf|otf|eot|woff|woff2)$/)
.use('url-loader')
.loader('url-loader')
.tap(options => {
options = {
// limit: 10000,
name: 'src/assets/iconfonts/[name].[ext]'
}
return options
})
.end()