Javascript Modular com RequireJS

Javascript Modular com RequireJS

by Angelo Rogério Rubin

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.css">
<div id="test">It doesn't work :(</div>
<div id="dialog"></div>

CSS

#test {
    color: red;
}
#dialog {
    border: 1px solid salmon;
    padding: 20px;
}

JavaScript

requirejs.config({
    paths: {
        'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min',
        'ui': 'https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'
    }
});

require(['jquery','ui'], function ($,ui) { 
    $('body').append('hello');
    ui('#dialog').dialog();
});