やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

？

require.jsを使ってモジュール化してみる

JavaScript

import構文が未実装で使えないので。

成果物

demo

ソースコード

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <script data-main="main.js" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script>
</head>
</html>

main.js

require(['sub'], function(sub) {
    sub.method();
});

sub.js

define(function() {
    return {
        method: function() {
        m = 'Hello Requier.js !!';
            alert(m);
        console.log(m);
        }
    };
});

所感

これは面倒くさい。

モジュール名を2箇所書かねばならない（パス、名前）
ネストが深すぎる
覚えられない