При работе над внешним проектом обычно используется npm (диспетчер пакетов узлов) для управления зависимостями и запуска различных сценариев. Одним из таких сценариев является «npm run dev», который обычно используется для запуска локального сервера разработки. Однако могут быть случаи, когда вы захотите выполнить эту команду на уровне родительской папки, а не в корневом каталоге проекта. В этой статье мы рассмотрим несколько способов достижения этой цели, сопровождаемые примерами кода.

Метод 1: использование команды «cd».
Один простой подход — перейти к родительской папке с помощью команды «cd», а затем запустить команду «npm run dev». Вот пример того, как этого можно добиться в системах на базе Unix:

cd ..
npm run dev

Метод 2: изменение файла «package.json».
Другой метод — изменить файл «package.json» вашего проекта, включив в него собственный скрипт, который меняет каталог перед выполнением «npm run dev». Добавьте следующий скрипт в файл package.json вашего проекта:

"scripts": {
  "dev-parent": "cd .. && npm run dev"
}

Теперь вы можете запустить команду «npm run dev-parent», чтобы запустить сервер разработки на уровне родительской папки.

Метод 3: использование сценария оболочки
Если вам часто требуется запускать «npm run dev» на уровне родительской папки, вы можете создать сценарий оболочки для автоматизации процесса. Вот пример использования сценария Bash:

Создайте новый файл с именем «dev-parent.sh» и добавьте следующий код:

#!/bin/bash
cd ..
npm run dev

Сохраните файл, сделайте его исполняемым с помощью команды chmod +x dev-parent.sh, а затем запустите его с помощью ./dev-parent.sh.

Метод 4: использование npm-run-all
Если у вас установлен пакет npm-run-all, вы можете использовать его для запуска команд в нескольких каталогах. Сначала установите пакет глобально, запустив npm install -g npm-run-all. Затем измените файл package.json вашего проекта следующим образом:

"scripts": {
  "dev-parent": "npm-run-all --parallel dev-parent:*",
  "dev-parent:child": "cd .. && npm run dev"
}

Теперь при запуске npm run dev-parentбудет выполняться команда «npm run dev» на уровне родительской папки.

Запустить «npm run dev» на уровне родительской папки можно различными способами. Вы можете использовать команду «cd», изменить файл «package.json», создать сценарий оболочки или использовать npm-run-all. Выберите метод, который соответствует вашему рабочему процессу и требованиям проекта. Запустив сервер разработки на уровне родительской папки, вы можете упростить процесс разработки внешнего интерфейса и сохранить чистую структуру проекта.