react-dev-config is a react development configuration outsourced in its own
package similiar to
create-react-app adverties no build configuration and they mean it - you
cannot configure this tool.
The most glaring missing piece is CSS prepocessors. They are not supported at all. That means:
If you want to add or change anything, you have to
npm run eject spits out all the configuration files so you can edit them yourself.
It's great to have this option, but if you do it your are left with all the disadvantages of any other starter pack (many dependencies, config boilerplate, no ability to receive updates).
react-dev-config you still have the important advantages of
create-react-app (with a much smaller codebase), and can still configure your
build as you like.
react-dev-config configuration is meant as a great start configuration
outsourced as a development dependency.
You can use the start configuration simply by running
npm install react-dev-config --save-dev
and adding the
react-dev-config scripts to your
You can find a working demo in the
react-dev-config svn install|uninstall
Downloads and installs additional private SVN modules via svn-modules. Only add these if you need them.
react-dev-config lint js|css [--fix]
start starts the webpack server at
localhost:3000 with hot inline
watch builds your files whenever a file changes.
react-dev-config transpile <input> [--output]
Transpiles your code using Babels Command Line Interface.
react-dev-config test [--watch]
Tests your application via jest.
react-dev-config tries its best to give you the best starting configuration,
but if you need to customize a specific configuration it's there to hold your
You can customize all configuration files, that means:
webpack.common holds the configuration which are similiar in
If you want to customize a configuration, create a file called like the one
from above in a
config folder in your root directory:
cd projectmkdir configtouch config/babelrc.js
You can choose whether you want to extend or change the given configuration or create a new one by yourself.
If you want to extend or change a configuration, put something like this in your newly created file:
// config/babelrc.jsconst babelrc = moduleexports = ;babelrcplugins = 'transform-react-constant-elements';// If you don't want to override current plugins, write this instead:babelrcplugins;
Don't forget to install the babel plugin by yourself:
npm install babel-plugin-transform-react-constant-elements --save-dev
You can always look up the given configurations or create an issue if you're getting stuck 😇.
If you feel that your own customizations fit a lot of peoples need, feel free to make a pull request.