one command to build your React frontend.
- Unified package, only one
npm ineeded. - Linting with
standard. - ES6 with Babel presets
react,es2015andstage-0. - PostCSS with
precssandautoprefixer. - 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
uglifyandcssnano(-O).
$ npm i reactpack --save-devimport 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')){
...
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 output source map
--no-postcss do not use postcss
--no-html do not output an index.html
--no-lint turn off linting