My js file is not loaded in Magento 2

Question

My steps:

1) Load my file slider.js to: app/design/frontend/Vendorname/default/web/js.

2) Create requirejs-config.js to: app/design/frontend/Vendorname/default

var config = {
        paths: {
            slider:        "js/slider"
        },
        shim: {
            slider: {
                deps: ["jquery"]
            }
        }
    }; 

3) rm -R pub/static/*

4) bin/magento setup:static-content:deploy

When I open site, slider.js is not loaded. I need to call him, that he began to load? I read a lot of Magento 2: Javascript Init Scripts, Use custom JavaScript.

Realy need help.

Answer 1

The Way you are including custom js in requirejs-config-js is correct , but you must need to load this js in your template(.phtml) file.

Add below code in your .phtml template file :

<script type="text/javascript">

    require(['jquery', 'slider'],function($){
        (function() {
             //code goes here
        })(jQuery);
    });
</script>     

Answer 2

Magento 2 uses RequireJs to load the js. So, our custom script will not load until we call it via RequireJS. For example, in your phtml, we can call

        <script>
            require([
                "jquery",
                "slider"
            ], function($, slider){

               ......

            });
        </script>