fix: output multiple targets (#118)

* fix: output multiple targets

* use more common file names

Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>

Author: ShaunSHamilton

package.json

@@ -11,8 +11,12 @@
   "files": [
     "/dist"
   ],
-  "main": "dist/",
-  "module": "dist/index.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
+    }
+  },
   "keywords": [
     ""
   ],
@@ -61,7 +65,8 @@
     "build": "NODE_ENV=production webpack",
     "lint": "eslint lib --max-warnings 0 && prettier lib --check",
     "test": "jest",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "webpack": "webpack"
   },
   "repository": "git@github.com:freeCodeCamp/curriculum-helpers.git",
   "jest": {

webpack.config.js

@@ -1,19 +1,13 @@
 const path = require("path");
 
 console.info("Building in " + process.env.NODE_ENV + " mode.");
-module.exports = {
-  mode: process.env.NODE_ENV ? "production" : "development",
+const baseConfig = {
+  mode: process.env.NODE_ENV,
   entry: {
     index: "./lib/index.ts",
   },
-  devtool: process.env.NODE_ENV ? "source-map" : "inline-source-map",
-  output: {
-    globalObject: 'this',
-    library: {
-      name: "helpers",
-      type: "umd",
-    },
-  },
+  devtool:
+    process.env.NODE_ENV === "production" ? "source-map" : "inline-source-map",
   module: {
     rules: [
       {
@@ -30,3 +24,33 @@ module.exports = {
     },
   },
 };
+
+const nodeConfig = {
+  ...baseConfig,
+  target: "node",
+  output: {
+    library: {
+      type: "commonjs",
+    },
+    filename: "index.cjs",
+    path: path.resolve(__dirname, "dist"),
+  },
+};
+
+const browserConfig = {
+  ...baseConfig,
+  target: "web",
+  experiments: {
+    outputModule: true,
+  },
+  output: {
+    library: {
+      type: "module",
+      // type: "commonjs-static",
+    },
+    filename: "index.mjs",
+    path: path.resolve(__dirname, "dist"),
+  },
+};
+
+module.exports = [nodeConfig, browserConfig];