Browserify-CDN使ってbrowserifyのstandalone形式を勉強した

おはようございます。次男が水疱瘡になり、長男のお迎えに加えて、登園も自分が担当している@kjunichiです。

node.jsのモジュールをstandalone形式で作る

Browserify-CDNというサービスの存在を知り、うろ覚えのまま放置気味のbrowserifyをいじってみました。Browserify-CDNは以下の作業を自動的にやってくれ、ブラウザ上のJavaScriptから使うだけです。

--standalone の後に、ブラウザで参照時のグローバル変数で参照できるモジュール名を小文字+ハイフンの形式で指定。ブラウザ側ではキャメルケースでの参照となる模様

browserify beep.js --standalone beep-boop > bundle.js

上の様にbundle.js作ったら、

Webでは

<script src="bundle.js"></script>
<script>
beepBoop();
</script>

まとめ

Browserify-CDNを使ってrunstantでQを動かす事が出来ました。。

関連記事

2年前の記事

• Canvasに描画するとWebMに変換してくれるjsライブラリ