Turbowarpの『カスタム拡張機能』を使おう【３】

Last updated at 2024-08-01Posted at 2024-08-01

本記事について

Turbowarpのカスタム拡張機能をる方法の説明、その３です。

前記事までで、外部Javascriptファイルを読み込み、Turbowarpの再起動無しでJavascriptの変更を反映させる方法を解説しましたが、外部Javascriptファイルの場所（名前）が固定でした。

外部Javascriptファイルの場所（名前）を変更できるようにしたいと思います。

JSファイルのURL をブロックの引数として与えることで、JSファイルを切り替えられるようにします。

JSファイルのURL を指定するブロックです。

指定された URL にある JSファイルをロードするブロックです。
ロードが終わったら、JSファイルに書かれているテスト用のクラスを使ってインスタンスを作ります。

作られたテスト用クラスのインスタンスを使って、テスト用のメソッドを実行します。

sub.js

const TestJS = class{
    method01() {
        console.log( 'TestJS.method01', '実行しましたよーん' );
    }
}
export {TestJS};

sub2.js

const TestJS = class{
    method01() {
        console.log( 'TestJS.method01', 'SUB2 の method01でーす' );
    }
}
export {TestJS};

sub2.js を指定するようにしています。

sub2.js を実行していることがわかります。