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!

Security Professional: Sharpen Your Defenses with These .conf25 Sessions

Sooooooooooo, guess what. .conf25 is almost here, and if you're on the Security Learning Path, this is your ...

First Steps with Splunk SOAR

Our first step was to gather a list of the playbooks we wanted and to sort them by priority.  Once this list ...

How To Build a Self-Service Observability Practice with Splunk Observability Cloud

If you’ve read our previous post on self-service observability, you already know what it is and why it ...