Clean-up hot reloading code

Author: ducksoupdev

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change log
 
+## [v1.1.1] (2017-11-14)
+
+**Fixes**
+
+* Clean-up hot reloading code
+
 ## [v1.1.0] (2017-11-09)
 
 **Features**
@@ -134,6 +140,7 @@
 [#3]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/3
 [#2]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/2
 [#1]: https://github.com/ducksoupdev/vue-webpack-typescript/pull/1
+[v1.1.1]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v1.1.0...v1.1.1
 [v1.1.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v1.0.0...v1.1.0
 [v1.0.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.10.0...v1.0.0
 [v0.10.0]: https://github.com/ducksoupdev/vue-webpack-typescript/compare/v0.9.0...v0.10.0

template/config/webpack.config.base.js

@@ -1,4 +1,5 @@
 const helpers = require('./helpers'),
+  NamedModulesPlugin = require('webpack/lib/NamedModulesPlugin'),
   CopyWebpackPlugin = require('copy-webpack-plugin');
 
 let config = {
@@ -38,6 +39,7 @@ let config = {
     ],
   },
   plugins: [
+    new NamedModulesPlugin(),
     new CopyWebpackPlugin([{
       from: 'src/assets',
       to: './assets'

template/src/main.ts

@@ -1,14 +1,14 @@
 import Vue from 'vue';
 import VueRouter from 'vue-router';
-import { isHot, makeHot, reload } from './util/hot-reload';
+import { makeHot, reload } from './util/hot-reload';
 import { createRouter } from './router';
 
 const navbarComponent = () => import('./components/navbar').then(({ NavbarComponent }) => NavbarComponent);
 // const navbarComponent = () => import(/* webpackChunkName: 'navbar' */'./components/navbar').then(({ NavbarComponent }) => NavbarComponent);
 
 import './sass/main.scss';
 
-if (process.env.ENV === 'development' && isHot()) {
+if (process.env.ENV === 'development' && module.hot) {
   const navbarModuleId = './components/navbar';
 
   // first arguments for `module.hot.accept` and `require` methods have to be static strings

template/src/router.ts

@@ -1,6 +1,6 @@
 import Vue from 'vue';
 import VueRouter, { Location, Route, RouteConfig } from 'vue-router';
-import { isHot, makeHot, reload } from './util/hot-reload';
+import { makeHot, reload } from './util/hot-reload';
 
 const homeComponent = () => import('./components/home').then(({ HomeComponent }) => HomeComponent);
 const aboutComponent = () => import('./components/about').then(({ AboutComponent }) => AboutComponent);
@@ -9,7 +9,7 @@ const listComponent = () => import('./components/list').then(({ ListComponent })
 // const aboutComponent = () => import(/* webpackChunkName: 'about' */'./components/about').then(({ AboutComponent }) => AboutComponent);
 // const listComponent = () => import(/* webpackChunkName: 'list' */'./components/list').then(({ ListComponent }) => ListComponent);
 
-if (process.env.ENV === 'development' && isHot()) {
+if (process.env.ENV === 'development' && module.hot) {
   const homeModuleId = './components/home';
   const aboutModuleId = './components/about';
   const listModuleId = './components/list';

template/src/util/hot-reload.ts

@@ -1,10 +1,8 @@
 import Vue, { Component } from 'vue';
 import * as api from 'vue-hot-reload-api';
 
-export const isHot = () => module.hot;
-
 export async function makeHot(id: string, componentLoader: () => Promise<Component>, acceptFunc: void) {
-  if (isHot()) {
+  if (module.hot) {
     api.install(Vue);
     if (!api.compatible) {
       throw new Error('vue-hot-reload-api is not compatible with the version of Vue you are using.');