ESM import.meta All In One

ESM import.meta All In One

获取 ES Module 的 meta 原数据

import.meta

The import.meta meta-property exposes context-specific metadata to a JavaScript module.
It contains information about the module, such as the module's URL.

import.meta.url

The full URL to the module, includes query parameters and/or hash (following the ? or #).
In browsers, this is either the URL from which the script was obtained (for external scripts), or the URL of the containing document (for inline scripts).
In Node.js, this is the file path (including the file:// protocol).

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import.meta

使用场景

• 使用 ESM 在 Node.js 中实现 __dirname 功能, 获取模块所在的文件夹的绝对路径
• ...

errors

solutions

1. 浏览器 <script type="module">

2. Node.js import.meta.resolve

https://nodejs.org/docs/latest-v15.x/api/esm.html#esm_import_meta

https://deno.land/manual@v1.36.3/runtime/import_meta_api

demos

ESM 中实现 __dirname

CJS __dirname

node:fs vs fs

node: 类似 https://, file:// 是一种通信协议 ❓

Modules: node:module API

ESM

CJS

https://nodejs.org/dist/latest-v18.x/docs/api/module.html

refs

https://stackoverflow.com/questions/21194934/how-to-create-a-directory-if-it-doesnt-exist-using-node-js/71735771#71735771

https://stackoverflow.com/questions/67554506/what-are-the-nodefs-nodepath-etc-modules

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---