Help us understand the problem. What is going on with this article?

Kotlin/JSプロジェクトの開発用サーバのポート番号を変更する

サーバのポート番号変えられるなら、そちらを変えた方が簡単。
どうしてもクライアント側のポート番号を変えたいとき用。

手順

(1) プロジェクトのルートに、「webpack.config.d」ディレクトリを作成
(2) webpack.config.d配下に、*.jsファイルを作る(たとえばwebpack.config.js)
(3) webpack.config.jsに以下を記述する

config.devServer = Object.assign(config.devServer, {
    port: 8081
});

Object.assignを利用しているのは、port番号以外はデフォルト値にするため。

(4) ./gradlew runを実行する
ポート番号が8081変わっていることが確認できる。

補足

Kotlin/JSではwebpackというJavascriptアプリのビルドツールを使用している。
最終的な、webpackの設定は「build/js/packages//webpack.config.js」に出力される。
このファイルを見ると、Kotlin/JSでのwebpackのデフォルト設定が確認できる。また、「webpack.config.d/*.js」の記述が挿入されていることも確認できる。

参考資料

zigenin
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away