Windows Terminal에서 webpack-dev-server와 docker-compose를 동시에 시작하고 다른 창에 표시

2938 단어 WindowsTerminaldocker-composewebpackWindows

사양


  • Windows Terminal의 별도 창에서 프론트 webpack-dev-server와 뒷면 docker-compose를 시작합니다.
  • 아래 이미지와 같은 느낌.



    • 코드



    1.npm-script에서 webpack-dev-server를 시작하는 명령 설정


  • srv:w라는 명령 이름을 정의합니다.

    • package.json
      "scripts": {
    "srv:w": "webpack-dev-server & webpack"
  },

    2.Windows Terminal 실행 배치


  • 경로는 가독성을 위해 변수로 설정.
  • 「C:\Develop\Project1\」을 프로젝트 루트로 한다.
  • 프로젝트 루트 아래에 "front", "back"디렉토리를 배치.
  • 「front」에 프런트의 리소스 (webpack 포함한다)를 배치.
  • "back"에 백의 리소스 (docker-compose를 포함한다)를 배치.

    • run_all.bat
    
@echo off
::=================
:: パスの定義
::=================
set PROJECT_DIR=C:\Develop\Project1\
set FRONT_DIR=%PROJECT_DIR%front\
set BACK_DIR=%PROJECT_DIR%back\

::===================================================================
:: WindowTerminalでwebpack-dev-serverとdocker-comoseを別々タブで実行
::====================================================================
wt -d %FRONT_DIR% cmd /k npm run srv:w ; split-pane -V -d %BACK_DIR% cmd /k docker-compose up
  • 위의 배치를 시작하면 Windows Terminal이 시작되고 별도의 창에서 서버와 컨테이너가 시작됩니다.

    • 비고


  • Windows Terminal을 커멘드 라인으로부터 실행하는 기사는, 이하.

    • - ▶ 참고 : Windows Terminal을 명령으로 실행하고, 그 중에서 명령 실행.
    Amplify의 bundle 크기를 5MB 줄였습니다.
    webpack에서 프로젝트 생성(에셋 관리)

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage