Boilerplate for Rails with Webpacker?

[kickbk]

I am facing an issue that I need to compile the component before it is sent to registerComponent.

So say I have an entry file that imports the custom component and registers like so:

import { registerDependencies } from 'mjml-validator'
import { registerComponent } from 'mjml-core'

import MjBasicComponent from './components/MjBasicComponent.js';
registerComponent(MjBasicComponent);

registerDependencies({
	'mj-column': ['mj-basic-component'],
	'mj-basic-component': [],
});

Since import MjBasicComponent from './components/MjBasicComponent.js'; will retrieve the
MjBasicComponent.js uncompiled, it will fail to register and then I get errors like:

createComponent.js:260 Uncaught TypeError: c.isRawElement is not a function
    at createComponent.js:260

BTW, my development webpacker.config.js is as follows:

const environment = require('./environment')
const path = require('path');
var env = environment.toWebpackConfig();
const merge = require('webpack-merge');

module.exports = merge({
	module: {
		rules: [
			{
				test: /\.m?js$/,
				exclude: /(node_modules|bower_components)/,
				loader: 'babel-loader',
				options: {
					presets: ['@babel/preset-env'],
				},
			},
		]
	},
	resolve: {
		alias: {
			'fs': path.resolve('node_modules/grapesjs-mjml/mocks/fs'),
			'uglify-js': path.resolve('node_modules/grapesjs-mjml/mocks/uglify-js'),
		}
	},
	target: 'web',
	externals: {
		'grapesjs': 'grapesjs',
		'jquery': 'jQuery',
	},
}, env);

Any ideas on how to compile MjBasicComponent before it is sent to the registerComponent function?