Umi Plugin Library

screenshot of Umi Plugin Library

Out of box component develop plugin for umi.

Overview

The umi-plugin-library is a development tool for creating component and library projects based on umi. It offers an out-of-the-box scaffolding for developing components and libraries, as well as a fast-starting environment for component development using docz + umi. It supports mdx syntax, allowing for writing JSX in markdown and easily organizing component demos and API documentation. The plugin uses rollup for bundling, with tree-shaking to minimize package size. It supports three formats (cjs, esm, umd) to suit various application scenarios. The plugin also supports lerna for managing multiple packages and allows for independent publishing. It is compatible with projects that use TypeScript. Overall, the umi-plugin-library aims to provide a convenient and efficient solution for building component and library projects.

Features

  • Ready-to-use scaffolding: Provides an out-of-the-box development scaffold for component and library projects.
  • docz + umi integration: Uses docz and umi to create a quick-start environment for component development.
  • mdx syntax support: Allows writing JSX in markdown, making it easy to organize component demos and API documentation.
  • Rollup bundling: Utilizes rollup for bundling components and libraries, with tree-shaking to reduce package size.
  • Multiple module formats: Supports cjs, esm, and umd formats to accommodate different application scenarios.
  • Rollup and Babel support: Offers both rollup and babel as options for packaging components in cjs and esm formats.
  • Lerna support: Supports lerna for managing multiple packages and enables independent package publishing.
  • TypeScript compatibility: Works well with projects that use TypeScript.

Summary

The umi-plugin-library is a powerful development tool for creating component and library projects based on umi. It offers a range of features, including ready-to-use scaffolding, docz + umi integration, support for mdx syntax, rollup bundling, multiple module formats, rollup and babel support, Lerna compatibility, and TypeScript compatibility. It has been upgraded to father, which is a more elegant and compact solution. The umi-plugin-library provides developers with an efficient and convenient development environment for building component and library projects.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.