@constgen/neutrino-vue-launcher

Neutrino middleware for an automatic Vue application launching in a browser document with hot reload

Using this middleware you no longer need to bootstrap HMR and app mounting. It is done automatically. You don't have to create new Vue instance. The only thing you need is to only export a Vue component in your main application component (entry file)

src/index.vue

<template>
   <h1>Root component</h1>
</template>

If you use Vue Router, Vuex or other tools you can export a component config as an object

src/index.js

import VueRouter from 'vue-router'
import Vuex from 'vuex'

let router = new VueRouter({})
let store  = new Vuex.Store({})

Vue.use(VueRouter)
Vue.use(Vuex)

export default {
   router,
   store,
   render (createElement) {
      return createElement('h1', {}, ['Root component'])
   }
}

Features

• Enabled Hot Module Replacement with source-watching during development
• Disabled redundant [HMR] console messages
• Notify in the console about development mode in production environment

Requirements

• Node.js v10+
• Neutrino v9
• Webpack v4
• Vue v2

Installation

@constgen/neutrino-vue-launcher can be installed from NPM. You should install it to "dependencies" (--save) or "devDependncies" (--save-dev) depending on your goal.

npm install --save @constgen/neutrino-vue-launcher

Usage

In preset

Require this package and plug it into Neutrino. The middleware has no options:

let vueLauncher = require('@constgen/neutrino-vue-launcher')

neutrino.use(vueLauncher())

In neutrinorc

The middleware also may be used together with another presets in Neutrino rc-file, e.g.:

.neutrinorc.js

let vueLauncher = require('@constgen/neutrino-vue-launcher')

module.exports = {
   use: [
      vueLauncher()
   ]
}