@zenflux/rollup-toolkit NPM

rollup-toolkit

Shorten `rollup.config.ts` and make the config more common.

How to use?

foo@bar:~$ npm i @zenflux/rollup-toolkit --save-dev

Create a file rollup.toolkit.ts, Here is the example:

import { WarningHandlerWithDefault } from "rollup";
import { IZenFluxRollupToolkitOptions, IZenToolkitConfig } from "@zenflux/rollup-toolkit";

const onWarn: WarningHandlerWithDefault = ( warning, warn ) => {
    // Handle issue with redux/toolkit.
    if ( warning.code === 'THIS_IS_UNDEFINED' ) {
        return false;
    }
}

const toolkitOptions: IZenFluxRollupToolkitOptions = {
  verboseTSConfig: true,
};

const config: IZenToolkitConfig = {
    format: [ 'cjs', 'es', 'esm', 'umd' ],
    extensions: [ '.ts' ],
    inputFileName: 'src/index.ts',
    outputName: '@zenflux/redux',
    outputFileName: 'zenflux-redux',
    globals: {
        jquery: "jQuery",
    },
    external: [
        '@babel/runtime',
        '@reduxjs/toolkit',
        '@zenflux/core',
        'react',
        'react-dom',
        'react-redux'
    ],
    'onWarn': onWarn,
}

export default config;

Edit package.json Add scripts:

"toolkit-build": "node_modules/@zenflux/rollup-toolkit/bin/run @build",
"toolkit-build-dev": "node_modules/@zenflux/rollup-toolkit/bin/dev @build",
"toolkit-watch": "node_modules/@zenflux/rollup-toolkit/bin/run @watch",
"toolkit-watch-dev": "node_modules/@zenflux/rollup-toolkit/bin/dev @watch"