innei-template/pnpm-monorepo-lib-template

Rollup Monorepo Typescript library template

Please use pnpm@^7 run this.

pnpm i

Additional

Babel & React

If you want to bundle React JSX with rollup. Add additional packages.

pnpm i -D @babel/preset-react @babel/core @rollup/plugin-babel

And, un-comment this in .babelrc.

{
  "presets": ["@babel/preset-react"]
}

Un-comment this in rollup.config.js

import { babel } from '@rollup/plugin-babel'

// ...

plugins: [
    // ...
   babel({}),
  ],
//...

PostCSS & CSS Module

Create postcss.config.js in root folder, copy follow content.

module.exports = {
  plugins: {
    'postcss-preset-env': {
      autoprefixer: {
        flexbox: 'no-2009',
      },
      stage: 3,
      features: {
        'custom-properties': false,
        'nesting-rules': false,
      },
    },
  },
}

And, install dependencies.

pnpm i postcss postcss-preset-env rollup-plugin-postcss -D

Then, add rollup plugin.

// rollup.config.js
import postcss from 'rollup-plugin-postcss'

// plugins: [

postcss({})
// ],