ブラウザ環境でcommonjs/requireを可能にするrequire1k #JavaScript

Echo.jsで話題になってたので試してみた。

$ wget https://raw.githubusercontent.com/Stuk/require1k/master/require1k.min.js

index.htmlで読み込む

<html>
  <head>
    <title>try require1k</title>
    <script src="require1k.min.js" data-main="./main"></script>
  </head>
  <body>
  </body>
</html>

data-mainで指定したパスがエントリポイントになる。

main.jsではlodashは読み込んでみた。
どうやら、外部モジュールを呼び出す際にpackage.jsonのmainを見てないっぽくて、直接指定しなければならなかった。

var _ = require('lodash/index');
var marked = require('marked/index');
console.log(marked('# hello'));

パッケージがさらに入れ子になってるようなライブラリ(react)は呼び出せない模様。

サブセットなので browserify main.js で連結してもちゃんと動く。

どうせ環境作るなら非力だけど、mainまでサポートしたら開発環境用に使えなくもない気がした。

以上です。