Lancez webpack-dev-server et docker-compose en même temps sur le terminal Windows et affichez-les dans un autre volet

spécification

• Démarrez webpack-dev-server à l'avant et docker-compose à l'arrière dans des volets séparés du terminal Windows. ――Il ressemble à l'image ci-dessous.

code

1. Définissez la commande pour démarrer webpack-dev-server dans npm-script

--Définissez le nom de la commande srv: w.

package.json

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

2. Lot d'exécution du terminal Windows

• Le chemin est défini comme une variable de lisibilité. --Définissez "C: \ Develop \ Project1 " comme racine du projet. --Placez les répertoires «avant» et «arrière» sous la racine du projet. --Placez les ressources frontales (y compris le pack Web) en «avant».
• Remettez les ressources (y compris docker-compose) dans "back".

run_all.bat

@echo off
::=================
::Définition du chemin
::=================
set PROJECT_DIR=C:\Develop\Project1\
set FRONT_DIR=%PROJECT_DIR%front\
set BACK_DIR=%PROJECT_DIR%back\

::===================================================================
::Webpack dans Windows Terminal-dev-serveur et docker-Exécutez comose dans des onglets séparés
::====================================================================
wt -d %FRONT_DIR% cmd /k npm run srv:w ; split-pane -V -d %BACK_DIR% cmd /k docker-compose up 

--Lorsque vous démarrez le lot ci-dessus, WindowsTerminal démarre et le serveur et le conteneur démarrent dans des volets séparés.

Remarques

• L'article pour exécuter Windows Terminal à partir de la ligne de commande est ci-dessous.

• ▶ Référence: exécutez le terminal Windows avec une commande, puis exécutez la commande qu'il contient.