How to use the container function from webpack

webpack-config.js

GitHub: sinnerschrader/feature-hub

24
25
26
27
28
29
30
31
32
33
output: {
  filename: 'feature-app.federated.js',
  publicPath: '/',
},
plugins: [
  new webpack.container.ModuleFederationPlugin({
    name: '__feature_hub_feature_app_module_container__',
    exposes: {
      featureAppModule: path.join(__dirname, './feature-app'),
    },

23

144

14

+ 3 other calls in file

webpack.client.config.js

GitHub: suhanw/learn-wp5-modfed-ssr

2
3
4
5
6
7
8
9
10
11
const path = require('path');
const crypto = require('crypto');
const { merge } = require('webpack-merge');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const webpack = require('webpack');
const { ModuleFederationPlugin } = webpack.container;
const sharedConfig = require('./webpack.shared.config.js');

// const getLocalIdent = (context, localIdentName, localName, options) => { // https://github.com/michalkvasnicak/babel-plugin-css-modules-transform/issues/103#issuecomment-681853153
//      const getHash = value => crypto.createHash('sha256').update(value).digest('hex');

2

6

2

vue.config.js

GitHub: phan-tang/micro-frontend-exercise

-2

0

0

0

webpack.config.js

GitHub: mattermost/mattermost-server

3
4
5
6
7
8
9
10
11
const exec = require('child_process').exec;
const path = require('path');

const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const webpack = require('webpack');
const {ModuleFederationPlugin} = webpack.container;
const tsTransformer = require('@formatjs/ts-transformer');

const NPM_TARGET = process.env.npm_lifecycle_event; //eslint-disable-line no-process-env

0

0

0