Add a browser build to an npm module

For webpack v4:

import { join } from "path";

export default {
  entry: "./src/index.js",
  output: {
    path: join(__dirname, "dist"),
    libraryTarget: "umd",
    library: "starWarsNames"
},
  devtool: "source-map",
  module: {
    rules: [{ test: /\.js$/, use: "babel-loader" }]
  }
};

And the npm scripts for webpack:

    "build:umd": "webpack --output-filename index.umd.js --mode development",
    "build:umd.min": "webpack --output-filename index.umd.min.js --mode production",

Thank you for the updated script!

You might also need to npm i -D @babel/core and make sure to install npm i -D babel-core@7 if you get this error:

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module '@babel/core'

You want both the babel-loader and babel-core to be the same version - in this case version 7. Also, take out: { test: /\.json$/, use: "json-loader" } or it will cause an error as per:

https://stackoverflow.com/questions/49437048/module-parse-failed-unexpected-token-m-in-json-at-position-0