Create-react-app - Brunch version: Main issue

create-react-app is a new tool by Facebook that allows to easily create no-config react apps.

Brunch is much simpler & faster than webpack — and we should try to replace webpack in the tool. This issue is continuation of gh-1466.

Repositories

1. The skeleton that works already without package.json deps and brunch config: https://github.com/brunch/cra-brunch-test
2. The mediator that made the skeleton possible; alternative to react-scripts: https://github.com/brunch/cra-brunch

First release

First and basic release after which i’m going to create the Pull Request to CRA should come with:

• Basic babel with React (Aug 21)
• Basic postcss with Autoprefixer (Aug 21)
• Basic ESLint (WIP)

Milestone II

• Replicate all babel, postcss and eslint rules
• Ability to import CSS and SVG files. Need to clarify this one with Dan

Milestone III

• Environments support
• Babel environments support (babel.dev.js, babel.prod.js)
• polyfills.js inclusion
• HTML minifying
• Webserver improvements

Milestone IV

• brunch build —production should produce a html file with hashes appended to .js and .css sources
• eject script

[paulmillr]

It’s mostly philosophy. I have never been a fan of huge configuration files. The size of a popular Brunch config is about 5-10 LOC.

This is very detailed and not useful: webpack.dev.js. For example, why do I need to specify that JS should be processed with Babel? Instead of simply adding the plugin to package.json. Or, postcss.

[lucasmreis]

One of the big problems of create-react-app is dealing with the complexity of the build process after eject. It’s amazing that a version of it with Brunch is being developed! (and genius marketing move for Brunch itself 😄 )