Next.js Discord

Discord Forum

Webpack plugin development issue

Unanswered
Russian Spaniel posted this in #help-forum
Open in Discord
Russian SpanielOP
I'm building a webpack plugin and I'm able to modify the CSS on the bootstrap.

However, on the HMR process. There are no changes to the CSS.

I've found out, on the bootstrap the layout.css file is available.

On the HMR only the following are available:

app/unocss/page.js: 298104 bytes
webpack-runtime.js: 8668 bytes
_rsc_node_modules_pnpm_local-pkg_0_4_3_node_modules_local-pkg_lazy_recursive.js: 1793 bytes
vendor-chunks/next@14.0.4_@babel+core@7.23.6_react-dom@18.2.0_react@18.2.0_sass@1.69.5.js: 2721540 bytes


I'm missing all the static files! Why are they present on the bootstrap but not via the HMR process? How am I supposed to update the stylesheet now? 🤔

List of assets and their sizes:
— static/chunks/main-app.js: 6633394 bytes
— static/css/app/layout.css: 1754 bytes
— static/chunks/app/layout.js: 42511 bytes
— static/chunks/app/unocss/page.js: 2185 bytes
— static/chunks/app-pages-internals.js: 166350 bytes
— static/chunks/webpack.js: 56374 bytes


Here's the plugin in full: https://pastebin.com/raw/Pdf1GgqL

Thanks!

0 Replies