RubyMine : rails s와 webpack-dev-server를 한 번의 클릭으로 실행 (IntelliJ IDEA with Ruby Plugin)

자주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 플러그인을 설치하십시오. 이 설정을 VCS로 관리하려면 Share를 선택하십시오.





한 번 Apply를 클릭하여 설정을 저장합니다. (그렇지 않으면 ＋를 클릭해도 목록에 나타나지 않습니다.)
Compound를 만들고 이런 식으로 설정합니다. 이 설정을 VCS로 관리하려면 Share를 선택하십시오.



OK를 클릭하고, 삼각 마크의 Run 버튼을 누른다(단축키를 좋아하는 분은 Cmd+Alt+R ※설정에 의존)


app.vue 를 조금 변경해 (↓ ! 의 수를 늘려 보았습니다) 자동적으로 브라우저의 표시가 리프레쉬 되어 있는 것을 확인할 수 있으면, 설정 완료입니다.

설정 내용을 VCS로 관리하는 경우

다음과 같이 1: Project에서 Project Files를 선택하면 숨겨진 파일도 표시됩니다. Share 설정은 runConfigurations에 표시되므로 VCS에서 관리합니다.



내가 사용하고있는 .gitignore는 여기에서 공개 중입니다 (가능하면 그대로 사용하지 않고 참고 정도로.)