Merge branch 'release/1.1.1'

Author: khalwat

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Annotated webpack 4 config changelog
 
+## 1.1.1 - 2019-06-05
+### Changed
+* Use destructuring for ESM module imports
+* Added `module.hot.accept()` to the example entry point `app.js`
+
 ## 1.1.0 - 2019-05-31
 ### Changed
 * Switched over to using `webpack-dashboard` `^3.0.0`

src/js/app.js

@@ -1,13 +1,12 @@
+// Import our CSS
 import styles from '../css/app.pcss';
 
 // App main
 const main = async () => {
-    // Import our CSS
-    //const Styles = await import(/* webpackChunkName: "styles" */ '../css/app.pcss');
     // Async load the vue module
-    const Vue = await import(/* webpackChunkName: "vue" */ 'vue');
+    const { default: Vue } = await import(/* webpackChunkName: "vue" */ 'vue');
     // Create our vue instance
-    const vm = new Vue.default({
+    const vm = new Vue({
         el: "#app",
         components: {
             'confetti': () => import(/* webpackChunkName: "confetti" */ '../vue/Confetti.vue'),
@@ -19,7 +18,15 @@ const main = async () => {
         mounted() {
         },
     });
+
+    return vm;
 };
+
 // Execute async function
-main().then( (value) => {
+main().then( (vm) => {
 });
+
+// Accept HMR as per: https://webpack.js.org/api/hot-module-replacement#accept
+if (module.hot) {
+    module.hot.accept();
+}