Magento2 add js files via requirejs

Question

Been trying to figure out how to add some custom JS files with requirejs.

I've been successful in adding them via default_head_blocks.xml, however... in doing so... they get loaded before the jquery script that magento2 uses...

so I am wondering how I can use the requirejs to add a few .js files and make sure they are loaded AFTER the jquery library?

I read the documentation here:

http://devdocs.magento.com/guides/v2.0/javascript-dev-guide/javascript/js-resources.html

but it's talking about modules and such, I don't have a module, I am just trying to add some jquery scripts on product pages and the home page.

Answer 1

simply use that in you js file all code inside that. this will load the jquery first. after that just add you script via default_head_blocks.xml that worked for and hope worked for you.

require([ 'jquery', 'jquery/ui'], function($){ //your js file code here  });

this solution for theme

Answer 2

From theme you can configuration require like in location app\design\frontend\[Vendor]\[theme]\[Vendor_Module]\web

var config = {
map: {
    '*': {
        //your require js lib here
        "jquery_2": "Magento_Theme/js/jquery/jquery2.min",
        "jcarousel": "Magento_Theme/js/jcarousel/jquery.jcarousel"
    }
},
shim: {
    //dependency third-party lib
    "jcarousel": {
        deps: [
            'jquery_2' //dependency jquery will load first
        ]
    }
},
paths: {

}

};

Do same way for module in location app\code\[Vendor]\[Module]\view\[area]