https://github.com/ripeworks/superdevpack
configurable webpack dev server and build tool so you don't have to
https://github.com/ripeworks/superdevpack
Last synced: 4 months ago
JSON representation
configurable webpack dev server and build tool so you don't have to
- Host: GitHub
- URL: https://github.com/ripeworks/superdevpack
- Owner: ripeworks
- Created: 2016-01-14T15:25:41.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-05-19T13:14:57.000Z (about 10 years ago)
- Last Synced: 2025-08-09T16:51:51.618Z (10 months ago)
- Language: JavaScript
- Size: 13.7 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Super Devpack
A configurable webpack development server, geared for React and Hot Module Reloading.
[](https://badge.fury.io/js/superdevpack)
## Installation
```
$ npm install superdevpack
```
## Usage
```
$ superdevpack -h
Usage: superdevpack [options] [command]
Commands:
start Start development server
build Production build
help [cmd] display help for [cmd]
Options:
-h, --help output usage information
```
## What's inside?
* Babel 6
* React preset
* ES2015 preset
* stage-0 preset
* legacy decorator syntax
* React HMRE + redbox
* Webpack loaders
* babel-loader
* css-loader
* file-loader
* script-loader
* style-loader
* url-loader
## Customize webpack configuration
If you include a `webpack.config.js` file in your project root, superdevpack will pick it up and merge it into its default configuration. You can either export an object to merge, or a function to replace the configuration.
```js
// webpack.config.js
module.exports = {} // object contents are merged into base configuration
module.exports = function(config) {
// override/replace any configuration and return the new configuration
return config
}
```
## Use with existing Express app
Calling `superdevpack()` will return an Express app ready to handle webpack and hot module reloads. Use this if you need to integrate into an existing application.
```js
var superdevpack = require('superdevpack')
var app = superdevpack({
middleware: [], // middleware to prepend
fallback: '/index.html', // file to load if nothing matches
static: true // load static assets from config.output.path
})
app.listen(3000)
```