【源码】基于Webpack的模块联邦暴露配置生成器

项目简介

本项目是一个Webpack插件，用于批量生成模块联邦暴露（Module Federation）配置。借助该插件，开发者能轻松为项目生成符合模块联邦规范的暴露配置，简化多项目间的联邦管理与依赖共享。

项目的主要特性和功能

1. 批量生成expose对象：可扫描指定目录下的文件，自动生成暴露对象的配置。
2. 灵活的配置选项：提供paths选项指定扫描目录；通过removePrefix选项调整暴露名称的作用域以符合特定规则。
3. 与Webpack无缝集成：利用Webpack的ModuleFederationPlugin，可轻松将该插件集成到Webpack配置中。

安装使用步骤

步骤1：安装插件

通过npm或yarn安装插件： sh npm install --save-dev federation-exposes-plugin yarn add -D federation-exposes-plugin

步骤2：配置插件

在Webpack配置文件中，引入并使用该插件： ```typescript const { returnMFConfig } = require("federation-exposes-plugin"); const ModuleFederationPlugin = require('webpack/lib/container/ModuleFederationPlugin'); const { dependencies } = require(path.resolve('./', 'package.json'));

module.exports = { plugins: [ new ModuleFederationPlugin(returnMFConfig({ // 你的联邦配置信息 name: 'my_app', exposesOpts: { paths: ['./src/*/.ts{,x}'], // 指定需要扫描的目录 exclude: /.?stories./, // 排除某些目录或文件 removePrefix: './src/' // 调整暴露名称的作用域 }, shared: { // 共享依赖项 ...dependencies } })), ], }; ```

步骤3：运行Webpack

配置完成后，运行Webpack。插件将自动扫描指定的目录，并生成相应的暴露配置。生成的配置将以注释的形式添加到源代码文件中。

注意事项：请根据自己的项目结构和需求调整配置选项。若遇到问题，可参考插件的文档或寻求社区的帮助。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】