README

此模块生成一个用于与 JS 模块一起使用的导入映射脚本标签。
通过 https://github.com/guybedford/es-module-shims 提供跨浏览器支持。

安装

composer require ubermanu/magento2-es-import-map

在您的模块 view/frontend/web/mjs 文件夹中创建一个 example.mjs 文件

// app/code/Vendor/Module/view/frontend/web/mjs/example.mjs
export const something = 'Hello world';

将以下内容添加到任何 *.phtml 模板文件中

<script type="module">
  import { something } from '/Vendor_Module/mjs/example.mjs';
  alert(something);
</script>

要使用命名导入，在您的模块（或主题）的视图目录中创建一个 import-map.json 文件

// app/code/Vendor/Module/view/frontend/import-map.json
{
    "imports": {
        "jquery": "https://cdn.skypack.dev/jquery"
    }
}