How To export app as a widget for 3rd party websites

[asecondwill]

My first thought to do this was to export as a single widget.js file.

I followed this issue : #3365

So export using webpack after the build:

const path = require("path")
const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
const glob = require("glob")

module.exports = {
  entry: {
    "bundle.js": glob.sync("build/static/?(js|css)/*.?(js|css)").map(f => path.resolve(__dirname, f)),
  },
  output: {
    filename: "build/static/js/bundle.min.js",
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ["style-loader", "css-loader"],
      },
    ],
  },
  plugins: [new UglifyJsPlugin()],
}

And adapting the build script in my package.json file like:

...
    "build": "npm run build:react && npm run build:bundle", 
    "build:react": "react-scripts build", 
    "build:bundle": "webpack --config webpack.config.js", 
...

The bundle.min.js file is created. However if i serve that from a an html page, nothing happens. The widget does not display, no console errors.

Am i missing something? This is my first react project, so there is loads i don't know. The app works in development mode.