one command to build your React frontend.
- Unified package, only one
npm i
needed. - Linting with
standard
. - ES6 with Babel presets
react
,es2015
andstage-0
. - PostCSS with
precss
andautoprefixer
. - Style extraction into css bundle.
- Automatic index.html creation with
html-webpack-plugin
. - Source maps for styles and scripts.
- Watch mode (
--watch
). - Development server mode (
--dev
). - Toggle optimizations with
uglify
andcssnano
(-O
).
$ npm i reactpack -g
or
$ npm i reactpack --save-dev
import React, { Component } from 'react'
import { render } from 'react-dom'
require('bootstrap/dist/css/bootstrap.css')
class Example extends Component {
render () {
return <h1>Hello World!</h1>
}
}
render(<Example />, document.getElementById('react-app'))
{
...
"scripts": {
"build": "reactpack src/index.js",
},
"dependencies": {
"bootstrap": "^3.3.6",
"react": "^15.1.0",
"react-dom": "^15.1.0",
},
"devDependencies": {
"reactpack": "^0.2.0"
},
...
}
Usage: reactpack [options] <entry> [path/to/bundle]
Options:
-h, --help output usage information
-V, --version output the version number
-q, --quiet no output
-O, --optimize optimize
-w, --watch watch
-d, --dev dev
-p, --port port for webpack-dev-server
--clean clean everything in bundle path before building
--no-source-map do not output source map
--no-postcss do not use postcss
--no-html do not output an index.html
--no-lint turn off linting