feat(hot-reload): migrate to webpack-extension-reloader (Kocal#431)

* chore: replace webpack-chrome-extension-reloader by webpack-extension-reloader

* chore(webpack-extension-reloader): configure manifest path

Author: Kocal

template/package.json

@@ -94,7 +94,7 @@
     "vue-loader": "^15.4.2",
     "vue-template-compiler": "^2.6.10",
     "webpack": "^4.20.2",
-    "webpack-chrome-extension-reloader": "^0.8.3",
-    "webpack-cli": "^3.1.2"
+    "webpack-cli": "^3.1.2",
+    "webpack-extension-reloader": "^1.1.0"
   }
 }

template/webpack.config.js

@@ -2,7 +2,7 @@ const webpack = require('webpack');
 const ejs = require('ejs');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const ChromeExtensionReloader = require('webpack-chrome-extension-reloader');
+const ExtensionReloader = require('webpack-extension-reloader');
 const { VueLoaderPlugin } = require('vue-loader');
 const { version } = require('./package.json');
 
@@ -95,7 +95,9 @@ if (config.mode === 'production') {
 
 if (process.env.HMR === 'true') {
   config.plugins = (config.plugins || []).concat([
-    new ChromeExtensionReloader(),
+    new ExtensionReloader({
+      manifest: __dirname + '/src/manifest.json',
+    }),
   ]);
 }