tag:crieit.net,2005:https://crieit.net/tags/Opal/feed
「Opal」の記事 - Crieit
Crieitでタグ「Opal」に投稿された最近の記事
2022-08-07T14:30:55+09:00
https://crieit.net/tags/Opal/feed
tag:crieit.net,2005:PublicArticle/18273
2022-08-07T14:30:11+09:00
2022-08-07T14:30:55+09:00
https://crieit.net/posts/opal-builder-compile-source-map
Opal::Builder を使ってコンパイルする際に source map も生成する
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/opal/opal/blob/v1.5.0/lib/opal/cli_runners/compiler.rb">cli_runners/compiler.rb</a> を参考にしました。Opal のバージョンは v1.5.0 です。</p>
<pre><code class="ruby">require "opal"
builder = Opal::Builder.new
builder.build("./sample.rb")
compiled_source = builder.to_s
compiled_source += "\n" + builder.source_map.to_data_uri_comment
File.write("sample.js", compiled_source)
</code></pre>
<p>ちなみに、 opal コマンドを使って <code>opal -c sample.rb</code> のようにコンパイルした場合はデフォルトで source map を生成してくれます( <code>--no-source-map</code> オプションで無効化できる)。</p>
<h1 id="参考"><a href="#%E5%8F%82%E8%80%83">参考</a></h1>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/crane_house/items/2d0059c7d35542509397">DxOpalのゲームをコンパクトにして公開する方法 - Qiita</a></li>
</ul>
sonota486