How to configure Rspack to build app that uses preact/compat from esm.sh

[krutoo]

Hi, i want to build app that uses preact/compat from esm.sh in runtime (via script with type module)

Here is my attempt to build app without esm.sh but with preact/compat:
https://github.com/krutoo/preact-compat-rspack-esm-sh

How can a reconfigure this project for use preact from esm.sh?

[hardfist]

sorry, don't support http-import yet, you need write your own loader|plugin to handle this

[hardfist]

then external should work

[krutoo]

@hardfist I tried to use externals but I got errors in runtime

[hardfist]

give me a repro, and i will fix it for your

[krutoo]

@hardfist i updated main branch here: https://github.com/krutoo/preact-compat-rspack-esm-sh

[hardfist]

@krutoo change the following configuration and it works, the related documentation is here https://webpack.js.org/configuration/externals/#:~:text=Let%27s%20load%20a%20lodash%20from%20CDN%3A

  // this causes runtime error: Uncaught TypeError: preact__WEBPACK_IMPORTED_MODULE_0_.options is undefined
  externals: {
    'preact/debug': ["https://esm.sh/preact",'Preact']
  },
  externalsType: 'script'