Bob Bundler
Bundle HTML, CSS, JS with optional server and live reload
Install
npm install bob-bundler -g..or as devDependency:
npm install bob-bundler -DCommands
bob build
- Build all
bob dev
- Build all
- Watch and compile on file change
- If using nodemon or static server, live reload browser
Configure
Set bob property in package.json
Example configuration
"bob": {
"browserify": {
"src": "src/client/index.js",
"dest": "build/client/app.js",
"watch": "src/client/**/*.js"
},
"sass": {
"src": "src/client/index.scss",
"dest": "build/client/app.css",
"watch": "src/client/**/*.scss"
},
"html": {
"src": "src/client/index.html",
"dest": "build/client",
"watch": "src/client/**/*.html"
},
"babel": {
"src": "src/server",
"dest": "build/server",
"watch": "src/server/**/*.js"
},
"copy": {
"src": "assets/**",
"dest": "build/client",
"watch": "assets/**"
},
"nodemon": {
"src": "build/server",
"port": "3000"
},
"static": {
"src": "build/client",
"port": "3001"
}
}All tasks are optional. Each task can also be an array.
Examples
See /examples folder in this repo.
-
client- Static site -
client-react- Static site with React -
server- Server only -
fullstack- Site withexpressserver -
fullstack-react- TODO: React with server-side rendering
Run the example:
npm install && npm start
