diff --git a/projects/mfe1/src/app/flights/flights-search/flights-search.component.html b/projects/mfe1/src/app/flights/flights-search/flights-search.component.html index fc3589e..0a926ef 100644 --- a/projects/mfe1/src/app/flights/flights-search/flights-search.component.html +++ b/projects/mfe1/src/app/flights/flights-search/flights-search.component.html @@ -31,14 +31,26 @@ border: 2px darkred dashed; padding: 20px; } + + .bg-angular { + width: 300px; + height: 300px; + background-image: url('../../../assets/angular-2.png'); + background-size: cover; + background-position: center; + }
- +

Flights

+
+
+

bg with angular icon via css

+
diff --git a/projects/mfe1/webpack.config.js b/projects/mfe1/webpack.config.js index 6b20744..e903d23 100644 --- a/projects/mfe1/webpack.config.js +++ b/projects/mfe1/webpack.config.js @@ -1,15 +1,24 @@ -const { shareAll, withModuleFederationPlugin } = require('@angular-architects/module-federation/webpack'); +const { + shareAll, + withModuleFederationPlugin, +} = require("@angular-architects/module-federation/webpack"); -module.exports = withModuleFederationPlugin({ - - name: 'mfe1', - - exposes: { - './Module': './projects/mfe1/src/app/flights/flights.module.ts', - }, - - shared: { - ...shareAll({ singleton: true, strictVersion: true, requiredVersion: 'auto' }), +module.exports = { + output: { + publicPath: "http://localhost:3000/", }, + ...withModuleFederationPlugin({ + name: "mfe1", + exposes: { + "./Module": "./projects/mfe1/src/app/flights/flights.module.ts", + }, -}); + shared: { + ...shareAll({ + singleton: true, + strictVersion: true, + requiredVersion: "auto", + }), + }, + }), +};