開発サーバーと連続コンパイル

加えた変更を確認するたびにKotlin/JSプロジェクトを手動でコンパイルして実行する代わりに、_連続コンパイル_モードを使用できます。通常のjsBrowserDevelopmentRun (browser用) および jsNodeDevelopmentRun (nodejs用) コマンドを使用する代わりに、Gradleラッパーを連続モードで呼び出します。

 # For `browser` project
./gradlew jsBrowserDevelopmentRun --continuous

 # For `nodejs` project
./gradlew jsNodeDevelopmentRun --continuous

IntelliJ IDEAで作業している場合、実行構成のリストを介して同じフラグを渡すことができます。IDEからjsBrowserDevelopmentRun Gradleタスクを初めて実行すると、IntelliJ IDEAはそれに対する実行構成を自動的に生成し、上部のツールバーで編集できるようになります。

実行/デバッグ構成ダイアログから連続モードを有効にするには、実行構成の引数に--continuousフラグを追加するだけで簡単です。

この実行構成を実行すると、Gradleプロセスがプログラムの変更を監視し続けていることがわかります。

変更が検出されると、プログラムは自動的に再コンパイルされます。ブラウザでウェブページを開いたままにしている場合、開発サーバーはページの自動リロードをトリガーし、変更が反映されます。これは、Kotlin Multiplatform Gradleプラグインによって管理される統合されたwebpack-dev-serverのおかげです。