Babel transpiles javascript and adds a define([], function(){}) around the output. How do I prevent this? – Magento

I’m trying to transpile ES6 files to ES5 by using Babel. These output files are being used by RequireJS (Magento 2) and I’m stuck on one issue.

Configuration for Babel:

const presets = [
    [
        "@babel/env",
        {
            "targets": {
                "edge": "17",
                "firefox": "60",
                "chrome": "67",
                "safari": "11.1",
                "ie": "11"
            },
            "useBuiltIns": "entry",
            "corejs": "3",
            "modules": 'cjs'
        }
    ]
];

const plugins = [
    [
        "@babel/plugin-transform-runtime",
        {
            "regenerator": true,
            "useESModules": false,
            "helpers": false
        },
    ]
]

module.exports = { presets, plugins };

Package.json:

    "name": "project",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "directories": {
        "test": "test"
    },
    "scripts": {
        "build": "babel --plugins @babel/plugin-transform-modules-amd web/js/source --out-dir web/js/build && terser-folder web/js/build -e -o web/js/build -x .js",
        "watch": "babel --plugins @babel/plugin-transform-modules-amd --watch web/js/source --out-dir web/js/build"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {
        "@babel/cli": "^7.13.10",
        "@babel/core": "^7.13.10",
        "@babel/preset-env": "^7.13.5",
        "terser-folder": "^2.0.0"
    },
    "dependencies": {
        "@babel/plugin-transform-runtime": "^7.14.5",
        "@babel/runtime": "^7.14.0"
    }
}

Javascript files in Magento generally look like this:

define([
        'jquery',
        'matchMedia',
    ],
    function($, matchMedia) {
        /* SCRIPTS HERE */
    }
)

Now I’d like to use ES6 in these files (arrow functions, const, let, etc. However whenever I try to transpile these files currently Babel adds another define AROUND the entire transpiled file like this:

define([], function () {
  "use strict";

  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

  define(['jquery', 'matchMedia'], function ($, matchMedia) {
     /* TRANSPILED SCRIPTS HERE */
  });
});

When I remove the outer define, everything works perfectly. But I don’t really feel like removing the outer define everytime I compile a file.

What’s the setting that prevents this outer define from being added?