How to include Javascript file from other Javascript file?

[VatsalJagani]

How to include Javascript files from another Javascript file from the local appserver/static folder

The below code somehow does not work:

require([
    'jquery',
    './myCustomUtils',
    'splunkjs/mvc',
    'underscore',
    'splunkjs/mvc/simplexml/ready!'], 
function($, myCustomUtils, mvc, _){

[VatsalJagani · Accepted solution]

Answering my own question so I don't have to spend a huge amount of time that I spent today.

You need to import that file, not from the local folder but instead like this:

require([
    'jquery',
    '../app/<my_app>/myCustomUtils',
    'splunkjs/mvc',
    'underscore',
    'splunkjs/mvc/simplexml/ready!'], 
function($, myCustomUtils, mvc, _){

 - '../app/<my_app>/myCustomUtils' 

I hope this helps others in the future!!! Upvote if it does!!

[VatsalJagani]

Notes:
* You need to use define() in the file that is being imported.
* You need to export the classes and functions from the file that is being imported.

Example:
app/my_app/appserver/static/utility.js

define([
    "underscore",
    "jquery"
], function (
    _,
    $
) {
    class MyUtility {
    }

    return {
        'MyUtility': MyUtility
    }
});

app/my_app/appserver/static/main.js

require([
    "splunkjs/mvc",
    "underscore",
    "jquery",
    '../app/my_app/utility.js'
], function (
    mvc,
    _,
    $,
    CommonUtility
) {

CommonUtility.MyUtility();

});