diff --git a/docs/images/reference/dev-server-continuous-compilation/edit-configurations.png b/docs/images/reference/dev-server-continuous-compilation/edit-configurations.png deleted file mode 100644 index 807c84937cb..00000000000 Binary files a/docs/images/reference/dev-server-continuous-compilation/edit-configurations.png and /dev/null differ diff --git a/docs/images/reference/dev-server-continuous-compilation/run-debug-configurations.png b/docs/images/reference/dev-server-continuous-compilation/run-debug-configurations.png deleted file mode 100644 index 62d3f3ce2c3..00000000000 Binary files a/docs/images/reference/dev-server-continuous-compilation/run-debug-configurations.png and /dev/null differ diff --git a/docs/images/reference/dev-server-continuous-compilation/waiting-for-changes.png b/docs/images/reference/dev-server-continuous-compilation/waiting-for-changes.png deleted file mode 100644 index 3cd8fda1e1f..00000000000 Binary files a/docs/images/reference/dev-server-continuous-compilation/waiting-for-changes.png and /dev/null differ diff --git a/docs/images/tutorials/javascript/dev-server-continuous-compilation/edit-configurations.png b/docs/images/tutorials/javascript/dev-server-continuous-compilation/edit-configurations.png index 807c84937cb..b987340b7b4 100644 Binary files a/docs/images/tutorials/javascript/dev-server-continuous-compilation/edit-configurations.png and b/docs/images/tutorials/javascript/dev-server-continuous-compilation/edit-configurations.png differ diff --git a/docs/images/tutorials/javascript/dev-server-continuous-compilation/run-debug-configurations.png b/docs/images/tutorials/javascript/dev-server-continuous-compilation/run-debug-configurations.png index 62d3f3ce2c3..305e8c42daa 100644 Binary files a/docs/images/tutorials/javascript/dev-server-continuous-compilation/run-debug-configurations.png and b/docs/images/tutorials/javascript/dev-server-continuous-compilation/run-debug-configurations.png differ diff --git a/docs/images/tutorials/javascript/dev-server-continuous-compilation/waiting-for-changes.png b/docs/images/tutorials/javascript/dev-server-continuous-compilation/waiting-for-changes.png index 3cd8fda1e1f..fdabad78ed2 100644 Binary files a/docs/images/tutorials/javascript/dev-server-continuous-compilation/waiting-for-changes.png and b/docs/images/tutorials/javascript/dev-server-continuous-compilation/waiting-for-changes.png differ diff --git a/docs/topics/js/dev-server-continuous-compilation.md b/docs/topics/js/dev-server-continuous-compilation.md index 0a425caf5cd..d0f5c9e4796 100644 --- a/docs/topics/js/dev-server-continuous-compilation.md +++ b/docs/topics/js/dev-server-continuous-compilation.md @@ -1,20 +1,24 @@ [//]: # (title: Development server and continuous compilation) -Instead of manually compiling and executing a Kotlin/JS project every time you want to see the changes you made, -you can use the _continuous compilation_ mode. Instead of using the regular `run` command, invoke the Gradle wrapper -in _continuous_ mode: +Instead of manually compiling and running your Kotlin/JS project each time you want to see the changes you made, +you can use the _continuous compilation_ mode. Rather than using the regular `jsBrowserDevelopmentRun` (for `browser`) and `jsNodeDevelopmentRun` (for `nodejs`) command, invoke the Gradle wrapper +in continuous mode: ```bash -./gradlew run --continuous + # For `browser` project +./gradlew jsBrowserDevelopmentRun --continuous + + # For `nodejs` project +./gradlew jsNodeDevelopmentRun --continuous ``` -If you are working in IntelliJ IDEA, you can pass the same flag via the _run configuration_. After running the Gradle -`run` task for the first time from the IDE, IntelliJ IDEA automatically generates a run configuration for it, -which you can edit: +If you are working in IntelliJ IDEA, you can pass the same flag via the list of run configurations. After running the +`jsBrowserDevelopmentRun` Gradle task for the first time from the IDE, IntelliJ IDEA automatically generates a run configuration for it, +which you can edit at the top toolbar: ![Editing run configurations in IntelliJ IDEA](edit-configurations.png){width=700} -Enabling continuous mode via the **Run/Debug Configurations** dialog is as easy as adding the `--continuous` flag to the +Enable continuous mode via the **Run/Debug Configurations** dialog by adding the `--continuous` flag to the arguments for the run configuration: ![Adding the continuous flag to a run configuration in IntelliJ IDEA](run-debug-configurations.png){width=700} @@ -23,6 +27,6 @@ When executing this run configuration, you can note that the Gradle process cont ![Gradle waiting for changes](waiting-for-changes.png){width=700} -Once a change has been detected, the program will be recompiled automatically. If you still have the page open in the browser, -the development server will trigger an automatic reload of the page, and the changes will become visible. -This is thanks to the integrated `webpack-dev-server` that is managed by the Kotlin Multiplatform Gradle plugin. \ No newline at end of file +Once a change has been detected, the program is recompiled automatically. If you still have the web page open in the browser, +the development server triggers an automatic reload of the page, and the changes become visible. +This is thanks to the integrated [`webpack-dev-server`](https://webpack.js.org/configuration/dev-server/) that is managed by the [Kotlin Multiplatform Gradle plugin](https://www.jetbrains.com/help/kotlin-multiplatform-dev/multiplatform-dsl-reference.html). \ No newline at end of file