微应用打包后icon破损,字体文件404
原因是qiankun将外链样式改成内联样式,但是这些404文件加载的路径是相对路径。
解决方法:
module.exports = {
chainWebpack: (config) => {
config.module.rule('fonts').use('url-loader').loader('url-loader').options({}).end();
config.module.rule('images').use('url-loader').loader('url-loader').options({}).end();
},
};
借助 webpack
的 url-loader
将字体文件和图片打包成 base64
(适用于字体文件和图片体积小的项目)