This repo is a starting point for building a vuejs frontend and node backend in the same repository. This allows the convenience of packaging up the whole repository for deployment to an AWS EC2 or Elastic Beanstalk. Probably not great for bigger projects where you really need to keep the backend and frontend separate, but so far works well enough for smaller projects
All scripts are defined in package.json. No gulp.
Start the server with npm start - this will build the frontend and start the server
Running npm run dev will start a hot-reloading build for vue.js that will automatically reload modules as they're saved. The server will automatically reload when any non-frontend files are modified (see nodemon.json for the exclusion list).
browserify app/app.js -g envify -t vueify -p [ vueify/plugins/extract-css -o public/styles.bundle.css ] -t babelify -o public/app.bundle.js
The production builder - the vueify/plugins/extract-css browserify plugin wraps all of the css down to one file to prevent screen flash.
watchify app/app.js -t vueify -t babelify -p browserify-hmr -o public/app.bundle.js
The development builder - uses watchify and browserify-hmr to rebuild and hot-reload modules during development.
node server.js
The script that actually starts the server in production - called by npm start.
npm run build
The script that initiates the front-end build in production - called by npm start.
concurrently \"nodemon server.js\" \"npm run watch\"
Call this to start the server and frontend watcher for development. Nodemon will restart the server if files change, but is set to ignore the frontend files via nodemon.json. Watchify handles building and reloading the front-end as needed