よく foreman gemを使って Procfile を実行する方法が紹介されていますが、RubyMine/IntelliJ IDEAを使って表題の事を行う方法を紹介します。
動作確認環境
- macOS 10.14.4
- Ruby 2.5.3
- Ruby on Rails 5.2.2
- Webpack ~> 4.x
- Vue ^2.6.10
前提として、WebpackとVueをRailsプロジェクトで使える状態になっていればOKです。
設定
ここから設定します
Railsの Development と Production はRubyMineでOpenすると自動的に作られますが、無ければ手動で作ってもOK。この設定をVCSで管理したい場合は Share にチェックを入れる。
./bin/webpack-dev-server の実行を追加します。 Bash が出てこない場合は BashSupport pluginをインストール。この設定をVCSで管理したい場合は Share にチェックを入れる。
一度 Apply をクリックして設定を保存。（そうしないと ＋ をクリックしても一覧に出てこない）
Compound を作成し、こんな感じに設定します。この設定をVCSで管理したい場合は Share にチェックを入れる。
OKをクリックして、三角マークの Run ボタンを押す（ショートカットがお好きな方は Cmd+Alt+R ※設定に依存）
app.vue を少し変更して（↓ ! の数を増やしてみました） 自動的にブラウザの表示がリフレッシュされている事が確認できたら、設定完了です。
設定内容をVCSで管理する場合
以下のように 1: Project で Project Files を選択すると隠しファイルも表示されます。 Share した設定は、 runConfigurations に表示されるので、これらをVCSで管理します。
私が使っている .gitignore はこちらで公開中です（できればそのまま使わず、参考程度に。）