Есть create-react-app с поддержкой PostCSS и других плющек?

Question

[Хазрат Гаджикеримов]

Сейчас сборку проекта выполняет Webpack 1 собственной настройки, но фронтенд настолько быстро развивается, уже webpack 2 и много остального в настройке изминилось.
Хочется пользоваться актуальными инструментами и после нового релиза CRA там появились такие интересные штуки как:

- webpack 2
- Runtime Error Overlay - красивые окошечки с ошибками в браузере, клик на которых переносит в редактор на нужный кусок кода (нужно в .env.local установить переменную REACT_EDITOR=atom/code/что там у вас)
- Progressive Web Apps by Default 
- Jest 20
- Code Splitting with Dynamic import()
- Better Console Output - тоже классная фича, теперь вместо лога вебпака красивые сообщения об ошибках

Вообщем есть ли форк CRA с поддержкой PostCSS, Redux, а так же что бы его поддерживало сообщество, что вы рекомендуется и что сами используется?

Или лучшее решений, это форкнуть его и настроить под себя?

Answer 1

[Константин Китманов]

А что мешает сгенерить приложение и поменять sass (или что там по дефолту) на PostCSS? Ну а с Redux и того проще,

npm install redux react-redux react-router-redux --save

, что там поддерживать-то?

Comments

[Хазрат Гаджикеримов]

Что поддерживать? Выйдет завтра webpack 3, или добавят в cra новую киллер фичу, я хочу что бы она у меня тоже была.

[Максим]

hazratgs: ну так вам вроде про это и сказали, что там поддерживать-то? Установите новый cra и redux, если вообще придется в 2 команды делать... возможно и одной хватит, в стиле: cra update ;)

[Хазрат Гаджикеримов]

Максим: т.е выполнить eject?

[Максим]

hazratgs: ну как вариант... в общем, получается же любая сборка, начатая с cra, это cra + eject.

[Хазрат Гаджикеримов]

Максим: А как быть с postcss?

[Максим]

hazratgs: добавить его после eject. Прочел еще раз ваш вопрос: теряются при этом клики на ошибки и красивый их вывод? Если да, то тогда есть смысл поизучать как работает cra, октуда у него эти "выводы" и поддержка кликов. На основе этого сделать сборку: react/redux/postcss + webpack, + фишки из cra... Понимаю, что это, возможно, серьезная задача, но другого пути не вижу. Если получится - опишите свой опыт, многие оценят.

[Хазрат Гаджикеримов]

Максим: о боже, я попросил сообщество помочь с поисков форка, где конфигурация webpack можно модифицировать и что бы она обновлялась сообществом с выходом новых версий cra. А вы мне тут разработать новый cra предлагаете. Я почитал пару статей про cra . Я знаю про eject, но если я его сделаю, то останусь без обновлений. Вы когда сидите на cra и вам надо postcss (ну не пишите же вы на голом CSS) что с нуля разрабатываете? Без иронии пожалуйста

[Максим]

hazratgs: без иронии, все ок. Я на cra не сижу, так как он сделан для быстрого старта проекта, чтобы поиграться, поучиться реакту, поучиться у команды фб как они сделали свой "стартер" проекта, подсмотреть фишки, когда eject выполнишь... но и на это времени особо нет. Так как у меня "конкретного ответа" на ваш вопрос нет - я и подискутировал с вами в комментариях и пришел к какому-то предложению. Далее уже вопрос: кто будет (кому это собственно надо) развивать форк CRA + набор нужных библиотек. Даже если и будет - то там будут "свои" библиотеки, которые вам может быть все не нужны, или вообще идут в разрез с вашим пожеланием. Отсюда и вывод: единственный удобный boilerplate - это тот, который ваш личный.

[Хазрат Гаджикеримов]

Максим: спасибо, все четко и ясно

[Хазрат Гаджикеримов]

Максим: Максим, вы действительно так считаете, что cra только поиграться и поучиться? А как же статья, где призывают использовать только cra? И даже в ущерб отсутствия конфигурирование вебпака https://habrahabr.ru/company/plarium/blog/326520/

[Максим]

hazratgs: почитал статью. Это мнение определенного человека, в принципе ок. Но даже там написано:

Если вы опытный пользователь и вас не устраивает стандартная конфигурация, можете сделать eject. В таком случае Create React App используется как генератор шаблонного кода.

видимо, у меня такая ситуация)

[Максим]

hazratgs: https://twitter.com/jurasadam/status/866717717709172738 фейсбук тоже интересуется, почему люди делают eject ;)

[Хазрат Гаджикеримов]

Максим: Это странно, они хотят, что бы разработчики писали css своими руками? мне пришлось сделать eject лишь для того что бы добавить cssnext ((

[Константин Китманов]

hazratgs: а если postcss.config.js создать в корне, он не подхватывается? Там же внутри все равно PostCSS.