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