rollup-plugin-commonjs-named-exports

Re-export CommonJS named exports using Node.js cjs-module-lexer.

Useful to allow import { Fragment, useState } from "react"; (instead of forcing import React from "react";) instance for a bundled React as the source package still re-exports its CJS named exports based on process.env.NODE_ENV:

1// react/index.js
2if (process.env.NODE_ENV === "production") {
3  module.exports = require("./cjs/react.production.min.js");
4} else {
5  module.exports = require("./cjs/react.development.js");
6}
7// react/cjs/react.development.js
8// ...
9exports.Fragment = REACT_FRAGMENT_TYPE;
10exports.useReducer = useReducer;
11exports.useRef = useRef;
12exports.useState = useState;
13// ...

Based on esinstall and jspm-rollup.

Installation

1npm install rollup-plugin-commonjs-named-exports

Usage

Create a rollup.config.js configuration file and import the plugin:

1import commonjs from "@rollup/plugin-commonjs";
2import commonjsNamedExports from "rollup-plugin-commonjs-named-exports";
3
4export default {
5  input: "src/index.js",
6  output: {
7    dir: "output",
8  },
9  plugins: [commonjs(), commonjsNamedExports()],
10};

Then call rollup either via the CLI or the API.

License

MIT. See license file.