Update to use Rollup to build both umd and cjs bundles

Author: ryanhefner

package.json

@@ -36,9 +36,7 @@
     "src",
     "types",
     "umd",
-    "index.cjs",
-    "Timecode.cjs",
-    "utils.cjs"
+    "index.cjs"
   ],
   "directories": {
     "lib": "/src"
@@ -48,7 +46,7 @@
   "jsnext:main": "src/index.js",
   "types": "types",
   "scripts": {
-    "clean": "rimraf index.cjs utils.cjs es umd",
+    "clean": "rimraf index.cjs es umd",
     "prebuild": "yarn clean",
     "build": "node ./tools/build.mjs",
     "watch": "babel ./src -d . --ignore __mocks__,__tests__,**/*.test.js --watch",

rollup.config.js

@@ -5,7 +5,22 @@ import resolve from '@rollup/plugin-node-resolve'
 import terser from '@rollup/plugin-terser'
 import pkg from './package.json' assert { type: 'json' }
 
-const config = {
+const cjsConfig = {
+  input: 'src/index.js',
+  output: {
+    exports: 'named',
+    name: pkg.name,
+    file: './index.cjs',
+    format: 'cjs',
+    globals: {
+      react: 'React',
+    },
+    banner: `/*! ${pkg.name} !*/`,
+    footer: `/* Copyright 2018 - ${(new Date()).getFullYear()} - ${pkg.author} */`,
+  },
+}
+
+const umdConfig = {
   input: 'src/index.js',
   output: {
     exports: 'named',
@@ -18,10 +33,15 @@ const config = {
     banner: `/*! ${pkg.name} !*/`,
     footer: `/* Copyright 2018 - ${(new Date()).getFullYear()} - ${pkg.author} */`,
   },
+}
+
+const config = {
+  ...(process.env.BABEL_ENV === 'cjs' ? cjsConfig : umdConfig),
   external: [
     'react',
   ],
   plugins: [
+    json(),
     babel({
       exclude: 'node_modules/**',
       babelHelpers: 'runtime',
@@ -30,7 +50,6 @@ const config = {
     commonjs({
       include: /node_modules/,
     }),
-    json(),
   ],
 }
 

tools/babel-preset.cjs

@@ -1,6 +1,3 @@
-const BABEL_ENV = process.env.BABEL_ENV
-const building = BABEL_ENV != undefined && BABEL_ENV !== 'cjs'
-
 const plugins = [
   '@babel/plugin-proposal-class-properties',
   '@babel/plugin-proposal-object-rest-spread',
@@ -23,7 +20,7 @@ module.exports = function () {
       [
         '@babel/preset-env',
         {
-          modules: building ? false : 'commonjs',
+          modules: false,
         },
       ],
       '@babel/preset-react',

tools/build.mjs

@@ -13,13 +13,14 @@ const exec = (command, extraEnv) => {
 
 console.log('Building CommonJS modules ...')
 
-exec('babel src -d . --out-file-extension .cjs --ignore src/__mocks__,__tests__,**/*.test.js', {
+exec(`rollup -c -f cjs -o index.cjs`, {
   BABEL_ENV: 'cjs',
+  NODE_ENV: 'development',
 })
 
 console.log('\nBuilding ES modules ...')
 
-exec('babel src -d es --ignore src/__mocks__,__tests__,**/*.test.js', {
+exec('babel src -d es --ignore src/__mocks__,__snapshots__,__tests__,**/*.test.js', {
   BABEL_ENV: 'es',
 })