Как сбилдать отдельную часть приложения CRA?

Question

[budda674]

В проекте два типа страниц - приватные и публичные. Мне нужно настроить бил, чтобы по одной команде я билдал сборку с только приватными страницами а по другой с публичными. Никак не приложу ума как это настроить.
П.С. На данный момент билдает по обычному все целиком.

"scripts": {
    "start": "env-cmd -f .env.dev react-scripts start",
    "start--local": "env-cmd -f .env.localhost react-scripts start",
    "start--staging": "env-cmd -f .env.staging react-scripts start",
    "build--dev": "env-cmd -f .env.dev react-scripts build",
    "build--qa": "env-cmd -f .env.staging react-scripts build",
    "build--prod": "env-cmd -f .env.production react-scripts build",
    "build--prod-public": "env-cmd -f .env.production react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

Comments

[Александр Шипин]

Я бы на вашем месте сделал так:
1. разбил проект на две части
2. использовал cross-env и gulp
3. прописал gulpfile.js с логикой:

gulp.task('compilePublicPages', function compilePublicPagesFn() {
   // тут мы собираем только публичные страницы
})

gulp.task('compilePrivatePages', function compilePrivatePagesFn() {
   // тут мы собираем только приватные страницы
})

gulp.task('compileAll', function compileAllFn() {
   // тут собираем все если надо
})

4. package.json:

"compilePublic": "cross-env gulp compilePublicPages",
"compilePrivate": "cross-env gulp compilePrivatePages",
"compileAll": "cross-env gulp compileAll"

благо, что сборка react приложений доступна без лишних маневров и использования react-scripts :)
а использование .env (окружений) больше подходит, как я посмотрел, для сборки под разные виды публикации (разработка с полной структурой, тестирования с выдачей ошибок, production для релиза)

[budda674]

Александр Шипин, так в том то и проблема что тут react-scripts уже корнями вросли, приложение на 95% завершено. Но появилась острая нужда разделить приложение что то типа как на микросервисы, и уже от CRA никуда не уйдешь.

[Александр Шипин]

budda674, gulp можно внедрить хоть на 100%+ завершения :) всего лишь исчезнут react-scripts из package.json :)
можно и оставить их, если необходимо. тогда ваш package.json будет:

"scripts": {
    "start": "env-cmd -f .env.dev react-scripts start",
    "start--local": "env-cmd -f .env.localhost react-scripts start",
    "start--staging": "env-cmd -f .env.staging react-scripts start",
    "build--dev": "env-cmd -f .env.dev react-scripts build",
    "build--qa": "env-cmd -f .env.staging react-scripts build",
    "build--prod": "env-cmd -f .env.production react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "compilePublic": "cross-env gulp compilePublicPages",
    "compilePrivate": "cross-env gulp compilePrivatePages",
    "compileAll": "cross-env gulp compileAll"
  }

где ваши старые методы будут выполнять обычные команды (сборка всего приложения под разные условия) и дополнительные, которые будут собирать только то, что нужно (их можно дополнить исполнением react-scripts start или подобных ему методов) То есть, у вас будет больше свободы, чем та, что есть сейчас

[budda674]

Александр Шипин, решение однако было намного проще, просто создал доп. переменную окружения и написал проверки в файле с роутами + доп.команды для билдов. Спасибо за помощь)

[Александр Шипин]

budda674, да, так тоже можно :)