Most simple BSB + Webpack config possible

bsconfig.json

{
  "name": "@open-social/components",
  "reason": { 
    "react-jsx": 3 
  },
  "bsc-flags": ["-bs-super-errors"],
  "sources": [
    {
      "dir": "src",
      "subdirs": true
    }
  ],
  "package-specs": [
    {
      "module": "es6",
      "in-source": true
    }
  ],
  "suffix": ".bs.js",
  "namespace": false,
  "bs-dependencies": [
    "reason-react"
  ],
  "ppx-flags": [],
  "refmt": 3
}

webpack.config.js

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  entry: './src/Index.bs.js',
  plugins: [
    new HtmlWebpackPlugin({
      title: 'Open Social - ReasonML',
    }),
  ],
};

Namespace is false because I'm following https://dev.to/yawaramin/a-modular-ocaml-project-structure-1ikd to manually organise namespaces.

The idea is that BSB outputs ES6. Then Webpack just treats it like a normal JavaScript project.

Babel is not added yet but this could be done for polyfills and compiling down to ES5 for browsers that need it.

It looks like for now Webpack will always add its own loader stuff: webpack/webpack#2933