fix(node): add distinct entry points for node.js / browser bundles

Author: Setsun

package.json

@@ -5,8 +5,8 @@
  "license": "MIT",
  "description": "Easily configurable React components for animations / transitions 💃",
  "repository": "https://github.com/Setsun/react-transition-components",
- "module": "src/index.js",
- "main": "dist/index.js",
+ "main": "dist/node/index.js",
+ "browser": "dist/index.js",
  "types": "dist/types/index.d.ts",
  "engines": {
  "npm": "^6.0.0"
@@ -20,7 +20,9 @@
  ],
  "scripts": {
  "start": "cross-env NODE_ENV=development webpack --config webpack.config.js --watch",
- "build": "cross-env NODE_ENV=production webpack --config webpack.config.js && tsc",
+ "build": "cross-env npm run build:browser && npm run build:node && tsc",
+ "build:browser": "cross-env NODE_ENV=production webpack --config webpack.config.js",
+ "build:node": "cross-env NODE_ENV=production TARGET_ENV=node webpack --config webpack.config.js",
  "test": "jest src/*",
  "typecheck": "tsc --noEmit --jsx react src/*",
  "typegen": "tsc",

webpack.config.js

@@ -3,14 +3,18 @@ const path = require('path');
 const src = path.resolve(__dirname, 'src');
 const dist = path.resolve(__dirname, 'dist');
 
+const isNode = process.env.TARGET_ENV === 'node';
+const target = isNode ? 'node' : 'web';
+const filename = isNode ? 'node/index.js' : 'index.js';
+
 module.exports = {
  mode: 'production',
- target: 'web',
+ target: target,
  context: src,
  entry: 'index.ts',
  output: {
  path: dist,
- filename: 'index.js',
+ filename: filename,
  publicPath: '/',
  libraryTarget: 'umd',
  },