Thank you for your help, I really need it. But I still don't understand.

Why would I use

externals: {
  constants: "import http://localhost:3000/assets/constants.js"
},

When it is already loaded in to the browser with:

<script type="importmap">
  {
    "imports": {
      "constants": "http://localhost:3000/assets/constants.js"
    }
  }
</script>

I thought the following would work with this:

module.exports = {
 externals: {
  constants: 'module constants',
 }
}

But guess not?

One complicating factor is that the url for the import map is actually dynamically generated with hashes (url changes when file contents change) via a rails view helper and really looks like this:

<script type="importmap">
  {
    "imports": {
      "constants": "http://localhost:3000/assets/rails-constants-0ac54660d36cd34c7e89b718a2521795e9a894af62143d83adcf0a786ee8badf.js"
    }
  }
</script>

That url isn't hard-codeable into my webpack config file.

Is there any other way that using the import type in the webpack config?

Uh oh!

Experiments #17123

Description

Activity

Metadata

Metadata

Assignees

Labels

Type

Fields

Projects

Milestone

Relationships

Development

Issue actions