Как вынести сборку на верхний уровень?

Question

[historydev]

Моя рабочая директория выглядит вот так:

• system_design
  
• documentation
  
• backend
  
• frontend
  
• static_hoster.js
  

После сборки добавляется папка dist, которая содержит билды, папки frontend и backend. Для сборки сейчас нужно заходить в каждую папку, вызывать npm run build, у каждого проекта свой tsconfig.

• dist
  
  • frontend
    
  • backend
    
  
  

Можно объединить это дело в один скрипт в package.json верхнего уровня или как-то иначе?

Answer 1

[Алексей Ярков]

1. Можно сделать монорепозиторий, гуглить lerna
   
2. Можно скрипт написать, в котором по очереди заходить в каждый каталог и выполнять там команду
   

Пример bash скрипта

#!/usr/bin/env bash

set -eu

folders=(
  "frontend"
  "backend"
)

for folder in "${folders[@]}"; do
  (cd "./${folder}" && npm run build)
  # Если можно запускать сборку параллельно, не дожидаясь выполнения предыдущей,
  # то используем & в конце
  # (cd "./${folder}" && npm run build &)
done

Comments

[historydev]

lerna выглядит хорошо, пункт 2 можно пример? Будет работать "cd ./backend && npm run build && cd ../frontend && npm run build"

[Алексей Ярков]

Владимир,

Будет работать "cd ./backend && npm run build && cd ../frontend && npm run build"

Быстрее проверить самому )) Ну а почему не будет работать?

[historydev]

Алексей Ярков, я редко юзаю npm скрипты сложнее ng build или tsc --project abc.json, да, я так и понял, поэтому отметил решением и пошёл ставить lerna) Классная штука

[historydev]

Алексей Ярков, а мне нужно добавлять скрипт в верхний package.json для старта проекта? Вот взять их build команду, она сама определяет как собирается проект? Если сама, то как её изменить, допустим мне нужно не в prod собрать, а в dev

[Алексей Ярков]

Владимир, у меня в корневом package.json команда build выглядит так:

"build": "lerna run --concurrency 1 --stream --sort build"

[historydev]

Алексей Ярков, lerna run откуда скрипты берёт? Могу изменить? Поищу пока

[historydev]

Алексей Ярков, я правильно понимаю, lerna вызывает npm run [command] в каждом package.json каждого пакета?

[historydev]

Алексей Ярков, по моему я пытаюсь взлететь на самокате:

{
  "$schema": "node_modules/lerna/schemas/lerna-schema.json",
  "useWorkspaces": true,
  "command": {
    "run": {
      "start": "node"
    }
  },
  "version": "0.0.0"
}