build: Added es build, which will get beneficial for es2015 modules aware bundlers like webpack 2+ and rollup

Author: Andarist

.babelrc

@@ -1,15 +1,5 @@
 {
   "presets": [
-    ["latest", {
-      "es2015": { "loose": true }
-    }],
-    "stage-2",
-    "react"
-  ],
-  "plugins": [
-    "dev-expression",
-    "add-module-exports",
-    "transform-object-assign",
-    ["transform-react-remove-prop-types", { "mode": "wrap" }]
+    "./.babelrc.js"
   ]
 }

.babelrc.js

@@ -0,0 +1,20 @@
+const { NODE_ENV, BABEL_ENV } = process.env
+const cjs = NODE_ENV === 'test' || BABEL_ENV === 'cjs'
+
+const presets = [
+  ['latest', {
+    es2015: { loose: true, modules: false }
+  }],
+  'stage-2',
+  'react'
+]
+
+const plugins = [
+  'dev-expression',
+  'transform-object-assign',
+  ['transform-react-remove-prop-types', { mode: 'wrap' }],
+  cjs && 'add-module-exports',
+  cjs && 'transform-es2015-modules-commonjs',
+].filter(Boolean)
+
+module.exports = { plugins, presets }

.gitignore

@@ -1,4 +1,5 @@
 /lib
+/esm
 
 # Logs
 logs

package.json

@@ -3,17 +3,20 @@
   "version": "2.3.1",
   "description": "A react component toolset for managing animations",
   "main": "lib/index.js",
+  "module": "lib/index.mjs",
   "scripts": {
     "test": "npm run lint && npm run testonly",
     "testonly": "jest --verbose",
     "tdd": "jest --watch",
-    "build": "rimraf lib && babel src --out-dir lib && npm run build:dist && cp README.md LICENSE ./lib",
+    "prebuild": "rimraf lib esm",
+    "build": "npm run build:cjs && npm run build:esm && npm run build:mjs && npm run build:dist && cp README.md LICENSE ./lib",
+    "build:esm": "cross-env BABEL_ENV=esm babel src --out-dir esm",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --out-dir lib",
+    "build:mjs": "copy-mjs && rimraf esm",
+    "build:dist": "webpack && NODE_ENV=production webpack -p",
     "build:docs": "npm -C www run build",
-    "build:dist": "rimraf lib/dist && webpack && NODE_ENV=production webpack -p",
     "bootstrap": "yarn && yarn --cwd www",
     "lint": "eslint src test",
-    "release": "release",
-    "release:next": "release --preid beta --tag next",
     "deploy-docs": "npm -C www run deploy",
     "start": "npm -C www run develop",
     "storybook": "start-storybook -p 6006",
@@ -77,11 +80,14 @@
     "babel-loader": "^6.4.1",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-dev-expression": "^0.2.1",
+    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "babel-plugin-transform-object-assign": "^6.22.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.5",
     "babel-preset-latest": "^6.24.0",
     "babel-preset-react": "^6.23.0",
     "babel-preset-stage-2": "^6.18.0",
+    "copy-mjs": "^0.1.0",
+    "cross-env": "^5.0.1",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.0",
     "eslint": "^3.17.1",
@@ -97,10 +103,9 @@
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-test-renderer": "^16.0.0",
-    "release-script": "^1.0.2",
     "rimraf": "^2.6.1",
     "semantic-release": "^15.1.7",
-    "semantic-release-alt-publish-dir": "^2.1.1",
+    "semantic-release-alt-publish-dir": "^2.1.2",
     "sinon": "^2.1.0",
     "travis-deploy-once": "^4.4.1",
     "webpack": "^3.6.0",

src/index.js

@@ -1,12 +1,4 @@
-import CSSTransition from './CSSTransition';
-import ReplaceTransition from './ReplaceTransition';
-import TransitionGroup from './TransitionGroup';
-import Transition from './Transition';
-
-
-module.exports = {
-  Transition,
-  TransitionGroup,
-  ReplaceTransition,
-  CSSTransition,
-};
+export { default as CSSTransition } from './CSSTransition';
+export { default as ReplaceTransition } from './ReplaceTransition';
+export { default as TransitionGroup } from './TransitionGroup';
+export { default as Transition } from './Transition';