@rodger.botsford
RequireJS - это инструмент для загрузки JavaScript-модулей и управления зависимостями между ними. Он не используется для загрузки npm-модулей напрямую, так как npm-модули не всегда предназначены для браузера. Однако, вы можете использовать RequireJS вместе с инструментом для сборки проектов, таким как Browserify или Webpack, которые могут преобразовать npm-модули в браузерные модули.
Вот пример использования RequireJS вместе с Browserify:
1
|
npm install requirejs browserify |
1 2 3 4 5 |
var $ = require('jquery'); $(function() { $('body').html('Hello World!'); }); |
1
|
browserify main.js -o bundle.js |
Эта команда создаст файл bundle.js
, который может быть загружен на странице и будет содержать ваш код вместе с зависимостями, такими как jQuery, в формате, совместимом с RequireJS.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<!DOCTYPE html> <html> <head> <title>My App</title> <script src="path/to/require.js"></script> <script> require.config({ baseUrl: 'path/to/', paths: { 'bundle': 'path/to/bundle' } }); require(['bundle'], function() { // Your code here }); </script> </head> <body> </body> </html> |
В этом примере мы настраиваем RequireJS, указывая путь к bundle.js
и используем require
для загрузки bundle.js
. Когда bundle.js
будет загружен, мы можем вызвать наш код, используя функцию обратного вызова.