hapi-vue

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #llm #go #machine-learning #deep-learning #linux #docker #windows #cli #ios #mcp

(★ 71)

Vue + Hapi (API) setup running Gulp + BrowserSync + Nodemon + Webpack HMR, with independent hot reload and restart + ESLint + Unit Testing (Karma, Mocha, Chai, Sinon, Lab)

hapi-vue Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Hapi Vue

> Development setup utilising Vue (Webpack HMR + Vue loader) and Hapi (Nodemon) running with Gulp and BrowserSync. It includes CSS extraction (build only), linting (ESlint) and unit testing (Karma, Mocha, Chai, Sinon, Lab).

[Important!] Hapi Vue has been updated to Hapi 17, which introduced major, breaking changes - you can read more in the official [GitHub issue](https://github.com/hapijs/hapi/issues/3658). Version of Hapi Vue based on Hapi 16 can be found in the "archive" branch, [archive-hapi-16](https://github.com/Belar/hapi-vue/tree/archive-hapi-16).

## Mini-doc

**/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

### Usage

This is a project template for [vue-cli](https://github.com/vuejs/vue-cli).

``` bash
$ npm install -g vue-cli
$ vue init belar/hapi-vue <project_name>
$ cd <project_name>
```

For tips and guides regarding integration of additional mechanisms (e.g vue-router), visit [Hapi Vue wiki](https://github.com/Belar/hapi-vue/wiki).

NOTE: If you decide to run api (Hapi) unit tests using Mocha, remember about proper NODE_ENV (test), which with Lab is being set automatically.

## Dev Setup

``` bash
# install dependencies
npm install

# run unit tests
npm run unit

# run api unit tests
npm run unit-api

# serve with hot reload at localhost:4000 (proxy from localhost:3000)
npm run dev
```

### Hapi Webpack Middleware

Hapi Vue uses Hapi plugin system for integration of Webpack middlewares [web-dev-middleware](https://github.com/webpack/webpack-dev-middleware) and [webpack-hot-middleware](https://github.com/glenjamin/webpack-hot-middleware).

Plugin accepts following options on registration:  
**config** - Webpack configuration file, `./config/webpack.config.js` by default.  
**devOptions** - Options for webpack-dev-middleware, as in the official documentation.  
**hotOptions** - Options for webpack-hot-middleware, as in the official documentation.  
## Production Setup

``` bash
# install dependencies
npm install

# build for production with minification
npm run build

# run application at localhost:3000
node app.js
```

Credits:  
[Vue](https://vuejs.org/)  
[Hapi](http://hapijs.com/)  
[Gulp](https://gulpjs.com/)  
[BrowserSync](https://www.browsersync.io/)  
[Webpack](https://webpack.js.org/)

hapi-vue

hapi-vue Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

hapi-vue

hapi-vue Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README