The import.meta
object is a meta-property exposing context-specific meta data to a JavaScript module. It contains information about the module, like the module's URL.
Syntax
import.meta
Description
The import.meta
object consists of the keyword import
, a dot, and a property name meta
. Normally import.
serves as the context for a property access, but here import.
is not really an object.
The import.meta
object is created by the ECMAScript implementation, with a null
prototype. The object is extensible, and its properties are writable, configurable, and enumerable.
Examples
Given a module my-module.js
<script type="module" src="my-module.js"></script>
you can access meta information about the module using the import.meta
object.
console.log(import.meta); // { url: "file:///home/user/my-module.js" }
It returns an object with a url
property indicating the base URL of the module. This will either be the URL from which the script was obtained, for external scripts, or the document base URL of the containing document, for inline scripts.
Specifications
Specification | Status | Comment |
---|---|---|
import.meta proposal |
Stage 3 | Initial definition |
HTML Living Standard The definition of 'import.meta' in that specification. |
Living Standard | Defines import.meta properties in HTML. |
Browser compatibility
Desktop | Mobile | Server | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Basic support | Chrome Full support 64 | Edge ? | Firefox Full support 62 | IE No support No | Opera Full support 51 | Safari ? | WebView Android Full support 64 | Chrome Android Full support 64 | Edge Mobile ? | Firefox Android Full support 62 | Opera Android Full support 51 | Safari iOS ? | Samsung Internet Android No support No | nodejs ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown