loading custom package using loaderConfig

Description

I am trying to use FlareCluster package with ArcGIS Webpack plugin. but I am getting following error:

Uncaught ReferenceError: exports is not defined
    at Module fcl/FlareCluster.js (FlareClusterLayer_v4.ts:1)
    at __webpack_require__ (bootstrap:63)  

I am trying to load compiled version (javascript) of package using loaderConfig in esriConfig as mentioned.

{ name: "fcl", location: window.baseUrl + '/js/fcl' },

Expected Behavior

Custom package should load correctly and should be able to import using name;

Actual Behavior

unable to define custom package. throwing below error:

Uncaught ReferenceError: exports is not defined
    at Module fcl/FlareCluster.js (FlareClusterLayer_v4.ts:1)
    at __webpack_require__ (bootstrap:63)  

Possible Fix

Steps to Reproduce

Context

Your Environment

• Version used: 4.16
• Browser Name and version: Chrome v86.x
• Operating System and version (desktop or mobile): Windows (Desktop)

[odoe]

Here’s a sample project using the FlareClusterLayer and webpack. https://github.com/odoe/webpack-flarecluster

[apaleja]

Thank you very much for sample project. Got it working. Had to exclude FlareClusterLayer in babel-loader.