Starten Sie webpack-dev-server und docker-compose gleichzeitig auf dem Windows-Terminal und zeigen Sie sie in einem anderen Bereich an

Spezifikation

--Starten Sie den Webpack-Dev-Server auf der Vorderseite und den Docker-Compose auf der Rückseite in separaten Bereichen des Windows-Terminals. ――Es sieht aus wie auf dem Bild unten.

Code

1. Setzen Sie den Befehl, um webpack-dev-server in npm-script zu starten

• Definieren Sie den Befehlsnamen srv: w.

package.json

  "scripts": {
    "srv:w": "webpack-dev-server & webpack"
  },

2. Windows Terminal-Ausführungsstapel

• Der Pfad ist aus Gründen der Lesbarkeit als Variable festgelegt.
• Setzen Sie "C: \ Develop \ Project1 " als Projektstamm.
• Platzieren Sie die Verzeichnisse "front" und "back" unter dem Projektstamm.
• Platzieren Sie Front-Ressourcen (einschließlich Webpack) in "Front".
• Platzieren Sie Ressourcen (einschließlich Docker-Compose) in "Zurück".

run_all.bat

@echo off
::=================
::Pfaddefinition
::=================
set PROJECT_DIR=C:\Develop\Project1\
set FRONT_DIR=%PROJECT_DIR%front\
set BACK_DIR=%PROJECT_DIR%back\

::===================================================================
::Webpack im Fensterterminal-dev-Server und Docker-Führen Sie comose in separaten Registerkarten aus
::====================================================================
wt -d %FRONT_DIR% cmd /k npm run srv:w ; split-pane -V -d %BACK_DIR% cmd /k docker-compose up 

• Wenn Sie den obigen Stapel starten, wird WindowsTerminal gestartet und der Server und der Container werden in separaten Bereichen gestartet.

Bemerkungen

• Der Artikel zum Ausführen von Windows Terminal über die Befehlszeile finden Sie unten.

• ▶ Referenz: Führen Sie das Windows-Terminal mit einem Befehl aus und führen Sie dann den darin enthaltenen Befehl aus.