Why use both import and require? about preact-boilerplate HOT 6 CLOSED

It's required for webpack HMR, since import is only allowed at the top level. Sadly System.import() won't work there either because of how webpack parses require() statements in the HMR callback. Cheers!

from preact-boilerplate.

To clarify: require() is the only way to do this because it's the only way to obtain the updated module definition from webpack.

from preact-boilerplate.

You could have a simple express server with the webpack-dev-middleware and webpack-hot-middleware. That way you can use imports across the whole project.

Adding a simple express server means that server side rendering could be added with react-dom/preact-compat.

from preact-boilerplate.

That would not solve the issue. This is already using webpack-dev-middleware - that's what powers webpack-dev-server. webpack-hot-middleware doesn't help here either - as stated in their readme, it's still up to the application to update in response to HMR.

Basically, something has to re-import the root module in order to re-render it. Can't do that with ES Modules.

For what it's worth though, I do want to get rid of the manual implementation (because I agree, it's awkward to have both types of imports in one file). I've been looking into making Preact work out-of-the-box with React Hot Loader, which would make all of the manual HMR stuff unnecessary.

from preact-boilerplate.

In my side project I'm using HMR with an express server in which I'm not using require at all. I'm not 100% sure how it works as I used a boilerplate and just tweaked it. I'll take a look at what I'm doing and see if I can come up with a viable solution. If I do find something, would it be okay to make a PR?

from preact-boilerplate.

Sure, but drop me a line first via Twitter or the Preact slack if you find something - want to make sure first. It's possible your setup is using HMR but not actually re-rendering components in response to HMR, or that it doesn't account for the root component changing.

from preact-boilerplate.