fix: use __webpack_global__ in loader if available

[Timeless0911]

Origin issue see webpack/webpack#20139.

In order to avoid the __webpack_require__ conflict, webpack added a stable runtime function variable __webpack_global__ in webpack/webpack#20170.

This PR changes the injected loader template to support this.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[Timeless0911]

@pmmmwh Excuse me, could you please help review this PR? ❤️

[pmmmwh]

Thanks for the PR!

I think the proposed changes look correct. However, I think it would be best of we can also patch this for older Webpack versions where __webpack_global__ is not available.

Would you be interested to look into that?

[Timeless0911]

However, I think it would be best of we can also patch this for older Webpack versions where webpack_global is not available.

After discussing with webpack team members, it was difficult to resolve this conflict in the old version of webpack, so this variable was introduced.

As this case is uncommon, I recommend that users who encounter it simply upgrade to the latest version of webpack and react-refresh-webpack-plugin for full support.

[Timeless0911]

Tests have been updated.

[Timeless0911]

@pmmmwh Sorry, this time all tests should pass, you can continue to review and approve this PR.