fix(package) Add Node CJS build

Author: cdoublev

babel.config.cjs

@@ -13,17 +13,15 @@ module.exports = api => {
 
     const env = api.env()
 
-    if (env === 'browser') {
+    if (env === 'cjs' || env === 'es') {
+        plugins.push(['@babel/plugin-transform-runtime', { version: dependencies['@babel/runtime'] }])
+        presetEnv.modules = env === 'es' ? false : 'auto'
+    } else if (env === 'umd') {
         presetEnv.targets = { esmodules: true }
         return { exclude: /core-js/, plugins, presets }
     }
 
     presetEnv.targets = { node: true }
 
-    if (env === 'node') {
-        plugins.push(['@babel/plugin-transform-runtime', { version: dependencies['@babel/runtime'] }])
-        presetEnv.modules = false
-    }
-
     return { exclude: /node_modules/, plugins, presets }
 }

package.json

@@ -22,16 +22,20 @@
   ],
   "type": "module",
   "exports": {
-    ".": "./dist/node/index.js",
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.cjs"
+    },
     "./package.json": "./package.json"
   },
-  "unpkg": "dist/browser/react-utils.js",
+  "unpkg": "dist/umd/react-utils.js",
   "scripts": {
     "prebuild": "rm -rf dist",
-    "build:browser": "rollup -c --environment NODE_ENV:browser",
-    "build:node": "babel src -d dist/node --env-name node",
-    "build": "npm run build:browser && npm run build:node",
-    "lint": "eslint src __tests__",
+    "build:cjs": "rollup -c --environment NODE_ENV:cjs",
+    "build:es": "babel src -d dist/es --env-name es",
+    "build:umd": "rollup -c --environment NODE_ENV:umd",
+    "build": "npm run build:cjs && npm run build:es && npm run build:umd",
+    "lint": "eslint __tests__ src",
     "safe-publish": "npm run lint && npm run test && npm run build && npm publish",
     "test": "jest",
     "test:inspect": "node --inspect=0.0.0.0:9222 ./node_modules/.bin/jest --watchAll -b",

rollup.config.js

@@ -4,26 +4,44 @@ import commonjs from '@rollup/plugin-commonjs'
 import nodeResolve from '@rollup/plugin-node-resolve'
 import replace from '@rollup/plugin-replace'
 import { terser } from 'rollup-plugin-terser'
-import { unpkg } from './package.json'
+import { dependencies, exports, optionalDependencies, peerDependencies, unpkg } from './package.json'
 
-export default {
-    external: ['@cdoublev/animate', 'react', 'prop-types'],
-    input: 'src/index.js',
-    output: {
-        file: unpkg,
-        format: 'umd',
-        globals: {
-            '@cdoublev/animate': 'animate',
-            'prop-types': 'PropTypes',
-            'react': 'React',
+export default process.env.NODE_ENV === 'cjs'
+    ? {
+        input: 'src/index.js',
+        external: new RegExp(`^(${
+            Object.keys({
+                ...dependencies,
+                ...optionalDependencies,
+                ...peerDependencies,
+            }).join('|')})`),
+        output: {
+            file: exports['.'].require,
+            format: 'cjs',
         },
-        name: 'ReactUtils',
-    },
-    plugins: [
-        replace({ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) }),
-        nodeResolve(),
-        babel({ babelHelpers: 'bundled' }),
-        commonjs(),
-        terser(),
-    ],
-}
+        plugins: [
+            babel({ babelHelpers: 'runtime' }),
+            commonjs(),
+        ],
+    }
+    : {
+        external: ['@cdoublev/animate', 'react', 'prop-types'],
+        input: 'src/index.js',
+        output: {
+            file: unpkg,
+            format: 'umd',
+            globals: {
+                '@cdoublev/animate': 'animate',
+                'prop-types': 'PropTypes',
+                'react': 'React',
+            },
+            name: 'ReactUtils',
+        },
+        plugins: [
+            replace({ 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) }),
+            nodeResolve(),
+            babel({ babelHelpers: 'bundled' }),
+            commonjs(),
+            terser(),
+        ],
+    }