Dashboards & Visualizations

How to include Javascript file from other Javascript file?

VatsalJagani
SplunkTrust
SplunkTrust

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, _){

 

Labels (1)
0 Karma
1 Solution

VatsalJagani
SplunkTrust
SplunkTrust

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!!

View solution in original post

0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

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!!

0 Karma

VatsalJagani
SplunkTrust
SplunkTrust

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();

});

 

0 Karma
Get Updates on the Splunk Community!

Leveraging Automated Threat Analysis Across the Splunk Ecosystem

Enhance Security Operations with Automated Threat Analysis in the Splunk EcosystemAre you leveraging ...

Splunk Developers: Go Beyond the Dashboard with These .Conf25 Sessions

  Whether you’re building custom apps, diving into SPL2, or integrating AI and machine learning into your ...

Index This | How do you write 23 only using the number 2?

July 2025 Edition Hayyy Splunk Education Enthusiasts and the Eternally Curious!  We’re back with this month’s ...