Angular 12: Module Federation- фоновое изображение в приложении оболочки неправильно загружается в хост-приложение
У меня есть дочерний mfe, который устанавливает фоновое изображение div с помощью url()
.div-class {
background:transparent url(../../../assets/image.gif) no-repeat
}
Этот URL-адрес правильно ссылается на подарок при независимом запуске. Однако при попытке отобразить его в mfe хоста он не загружает его как gif (на вкладке сети тип text/html), который затем оказывается пустым на экране.
Это webpack.config.js
const ModuleFederationPlugin = require('webpack/;ib/container/ModuleFederationPlugin')
modules.exports = {
output: {
uniqueName: 'ChildA'
publicPath: 'auto'
},
optimization: {
runtimeChunk:false
}
plugins: [
new ModuleFederationPlugin({
name: 'ChildA',
filename: 'remoteEntry.js',
exposes: {
'./childA': 'path to module'
},
shared: {
'@angular/core': {singleton: true, eager: true}
}
})
]
}
Папка активов указана в сборке архитектора внутри углового json.