A (growing) collection of tools and techniques for debugging your Webpack(er) setup.
I highly recommend reading the SurviveJS - Webpack 5 ebook for a real deep dive!.
Locating the Issue
Use the network tab in your browser to view the CSS that’s being sent to the browser for clues.
Cached Styles
If you update your styles but your UI does not change and there are no errors, it’s likely browser caching.
Hard reload after clearing your cache and you should see your changes.
To avoid these errors, import your styles into your JS pack vs. using style-loader.
Tools
Dashboards
Thanks for reading! You can discuss this post using one of the links below. Additionally, it would mean a lot if you shared this post with others!
Recent Posts
-
Minimalist Habit Tracker Template for Obsidian
May 12th, 2022 - 2 min read
-
My Twitter Avatar
May 4th, 2022 - 1 min read