How to retain static esm imports?

[jamesarosen]

I have an entrypoint that imports some of my own modules as well as some things that should be provided by the runtime environment:

// entrypoint.ts
import foo from "./foo"
import bar from "@some/npm-package"
import baz from "defined-by-runtime"

foo(bar)(baz)

I want this to compile to

// output.js
import baz from "defined-by-runtime"

theFooExport(theBarExport(baz))

I've tried various configs, such as

module.exports = {
  entry: {
    main: "./entrypoint.ts",
  },
  externals: {
    "defined-by-runtime": "import defined-by-runtime",
  },
  externalsType: "module",
  output: {
    module: true,
    filename: "output.js",
    libraryTarget: "module",
  },
};

But I always get an async function that calls import("defined-by-runtime"), which isn't what I want.

[hardfist]

just remove the import in external value import defined-by-runtime

module.exports = {
  entry: {
    main: "./entrypoint.ts",
  },
  externals: {
    "defined-by-runtime": "defined-by-runtime",  // remove the import otherwise the externalsType is overriden by import other than module
  },
  externalsType: "module",
  output: {
    module: true,
    filename: "output.js",
    libraryTarget: "module",
  },
};

[jamesarosen]

That results in

$ rspack build

Time: 11ms

error[javascript]: JavaScript parsing error
  ┌─ index.js:1:1
  │
1 │ import * as __WEBPACK_EXTERNAL_MODULE__768__ from 'defined-by-env';
  │ ^^^^^^ 'import', and 'export' cannot be used outside of module code

If it matters, these are virtual modules. It would have been more accurate to write from 'defined:by-env'.

[hardfist]

try the nightly version this should be fixed

[jamesarosen]

Confirmed. Thank you!