non vorrei lavorare

ブログ名の通りです。javascript three.js mruby rust OCaml golang julialang blender

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年前の記事