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.

0 ответов

Другие вопросы по тегам