IMPORTANT: This package is based on Vue 1, and in maintenance-only mode (bugs and fixes). For Vue 2, check Hapi Vue.
A prototyping setup utilising Vue.js (Webpack HMR + Vue loader) and Hapi (Nodemon) running with Gulp and BrowserSync. Plus version, which extends hapi-vue-simple, includes linting (ESlint) and unit testing (Karma, Mocha, Chai, Sinon).
/build/ - Contains files needed for build and hot development
/build/index_dev.html - Template for index.html, it will be used by HMR when developing in memory and during production build
/client/ - Vue.js app source
/config/ - Configuration files
/public/ - Public folder served by Hapi
/server/ - Server side logic
/test/ - Contains test files
/app.js - Production server
/gulpfile.js - Gulp setup file
Hapi (API) folders (e.g. routes, controllers, models, plug-ins) can be added either to root structure or with a server folder.
This is a project template for vue-cli.
$ npm install -g vue-cli
$ vue init belar/hapi-vue-plus my-project
$ cd my-project
# install dependencies
npm install
# run unit tests
npm run unit
# serve with hot reload at localhost:3000 (with proxy at localhost:4000)
npm run dev
For tips and guides regarding integration of additional mechanisms, visit Hapi Vue Plus wiki.
# install dependencies
npm install
# build for production with minification
npm run build
# run application at localhost:3000
node app.js
Credits:
Vue.js
Hapi
Gulp
BrowserSync
Webpack
vue-webpack-simple template
vue-loader
vue-resource
hapi-webpack-hot-middleware
hapi-webpack-dev-middleware
inert