Giter Club home page Giter Club logo

federation-exposes-plugin's Introduction

federation-exposes-plugin

批量生成module federation exposes对象的插件。

Install

npm install --save-dev federation-exposes-plugin
# or
yarn add -D federation-exposes-plugin

使用

  1. paths:批量生成expose对象的目录集合

  2. removePrefix:调整expose namescope使其符合emp-tune-dts-plugin的类型规则。

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', // this will be used by the consuming federation host
      exposesOpts: {
        // paths glob to the exposes
        paths: ['./src/**/*.ts{,x}'],
        // exclude regex
        exclude: /\.?stories\./,
        // remove prefix
        removePrefix: './src/'
      },
      shared: {
        ...dependencies
      }
    })),
  ],
};

生成的产物示例如下

// src/components/Button/index.tsx
{
  "exposes": {
    "./components/Button": "src/components/Button/index.tsx "
  }
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.