17-publish-component-library

yarn add --dev \ rollup \ rollup-plugin-babel \ rollup-plugin-node-resolve \ rollup-plugin-commonjs \ @babel/core \ @babel/preset-env \ @babel/preset-react

Usage no npm install needed!

<script type="module">
  import 7PublishComponentLibrary from 'https://cdn.skypack.dev/17-publish-component-library';
</script>

README

Publish Component Library

Base Depenencies

yarn add --dev \
    rollup \
    rollup-plugin-babel \
    rollup-plugin-node-resolve \
    rollup-plugin-commonjs \
    @babel/core \
    @babel/preset-env \
    @babel/preset-react

yarn add --peer \
    react \
    styled-components

Bundle

yarn bundle

-c, --config Use this config file (if argument is used but value is unspecified, defaults to rollup.config.js)
-f, --format
: Type of output (amd, cjs, esm, iife, umd)
- use esm for frontend component library

Plugins:

rollup-plugin-node-resolve: Use the Node.js resolution algorithm with Rollup (formerly rollup-plugin-npm)
rollup-plugin-commonjs: Convert CommonJS modules to ES2015
rollup-plugin-babel:

Publish

yarn publish

Usage

yarn add react styled-components 17-publish-component-library

import { Spinner } from "17-publish-component-library";

<Spinner />;