Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 9 additions & 1 deletion readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down Expand Up @@ -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)!
Expand Down