diff --git a/readme.md b/readme.md index 44462a5..472c413 100644 --- a/readme.md +++ b/readme.md @@ -8,7 +8,7 @@ This is a starter Theme using Webpack, ThemeKit and TailwindCSS for developing S - [x] ES6 Modules - [x] Chunk files - [x] Optimized and Minified code -- [ ] Hot Reloading +- [x] Hot Module Reloading - Thanks [@felixmosh](https://github.com/felixmosh)! - [ ] Lazy Loading - [x] Prettier Formatting - [ ] Linter @@ -71,6 +71,14 @@ If you don’t want any of your tags to print whitespace, as a general rule you {%- endif -%} ``` +## HMR (Hot Module Reloading) +When in development mode `yarn start` hot module reloading is enabled. It watched for changes to `JavaScript`, `CSS` and `Liquid` files. When JS or CSS is changes the browser will change without the need to refresh. When changes are made to liquid files a manual browser reload is required. + +## Self-Signed Certificate +In the event that you find the HMR assets are not loading and the requests to localhost:9000 are 404 you will need to approve or pass a valid certificate. +![image](https://user-images.githubusercontent.com/29803478/99157400-46787900-267d-11eb-96be-4796dbd01ef9.png) +To solve this issue you can open a new browser window and approve the SSL Certificate or pass a valid certificate as mentioned here [devServer.https](https://webpack.js.org/configuration/dev-server/#devserverhttps). + ## 🛣️ Roadmap - [ ] Finalization and First Release - [x] Update copy-webpack-plugin to v6 [Issue #519](https://github.com/webpack-contrib/copy-webpack-plugin/issues/519) Thanks [@felixmosh](https://github.com/felixmosh)!