目次
文書の過去の版を表示しています。
RequireJS - モジュール管理フレームワーク
本家: RequireJS
ソースコード: GitHub - requirejs/requirejs: A file and module loader for JavaScript
今となっては、SystemJS の様な ES6/AMD/CommonJS/UMD のモジュールをサポートしているモジュールローダもあるが、Node.js や Babel のようなトランスパイラを必要とするので、そのようなビルドを必要としない RequireJS は手軽な「モジュール管理フレームワーク」である。
古いブラウザーにも対応しており require.config で細かいモジュール設定が可能である。
使い方
index.html
<!DOCTYPE html> <html> <head> <title>My Page</title> <script data-main="scripts/main" src="scripts/require.js"></script> </head> <body> <h1>My Sample Page</h1> </body> </html>
scripts/main.js
require(['jquery', 'ace'], ($, ace) => { console.log($('#contents').html()); self.editor = ace.edit('aceEditor'); editor.setTheme('ace/theme/chrome'); editor.session.setOptions({ mode: 'ace/mode/javascript', tabSize: 2, useSoftTabs: true }); });
settings.js を書く方法
index.html
<!DOCTYPE html> <html> <head> <title>My Page</title> <script src="scripts/require.js"></script> <script src="scripts/settings.js"></script> </head> <body> <h1>My Sample Page</h1> </body> </html>
scripts/settings.js
RequireJS のコード
require.js
