How to add custom JS file?

Question

I have created a custom module for Megamenu. I have js file which needs to be added to this module.

Some of my queries are:

Any help will be appreciated!

sreedarsh · Accepted Answer · 2019-10-17 14:21:15Z

0

You can add the js file directly on your module. Follow the steps below

1.Add your js file in the path

app/code/Companyname/Modulename/view/frontend/web/js/script.js

app/code/Companyname/Modulename/view/frontend/requirejs-config.js

var config = {
    map: {
        "*": {
            "somename": "Companyname_Modulename/js/script",
        }
    },

};

answered Oct 17, 2019 at 14:21

sreedarsh

593 bronze badges

Add a comment |

Mayur · Accepted Answer · 2019-10-17 14:22:42Z

0

Step 1 : Move your file in VENDOR/EXTENSION/view/frontend/web/js/some_name.js

Step 2 : Add your file in layout like module_index_index.xml

<head>
    <script src="VENDOR_EXTENSION::js/some_name.js"/>
</head>

Step 3 : Execute Command php bin/magento setup:static-content:deploy

Then give permission if required.

Now, after refreshing the page and check in the view source you will get this file.

Thanks

answered Oct 17, 2019 at 14:22

Mayur

4744 silver badges14 bronze badges

We have to create manually the file module_index_index.xml, am i right?
– MagentoDev
Commented Oct 17, 2019 at 14:29
1

Yes and if there in your custom extension then you can directly code in it. @Siva
– Mayur
Commented Oct 17, 2019 at 14:31

Add a comment |

2 Answers 2