Skip to Content

What is import.meta in JavaScript?`

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

The import.meta object consists of the keyword import, a dot, and a property name meta. Normally import serves as the context for property access, but here import is not 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.

Example:

Given a module name module.js

<script type="module" src="module.js"></script>

you can access meta information about the module using the import.meta object.

console.log(import.meta); // {url: 
"file:///home/user/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.


Thank You reading. Happy Coding