Create a webpack.config.js
:
const HtmlWebpackPlugin = require('html-webpack-plugin');
const ModuleFederationPlugin = require('webpack').container.ModuleFederationPlugin;
const path = require('path');
module.exports = {
mode: 'development',
devServer: {
port: 8081,
},
entry: './src/main.js',
output: {
publicPath: 'http://localhost:8081/',
},
plugins: [
new ModuleFederationPlugin({
name: 'analytics_app',
filename: 'remoteEntry.js',
exposes: {
'./Analytics': './src/components/Analytics.vue',
},
shared: require('./package.json').dependencies,
}),
new HtmlWebpackPlugin({ template: './public/index.html' }),
],
};