Javascript 浏览器中的ES模块路径别名

我想以方便的方式在浏览器环境中使用ES模块，如：

import React from 'react';
import ReactDOM from 'react-dom';
import Component from '../componens/Component';

---

我希望

react

解析为

。/vendors/react.js

，

react dom

解析为

。/vendors/react dom.js

或

https://some.cdn/react-dom.min.js

。如果没有绑定器，仅使用本机浏览器方法，我如何做到这一点？

目前还没有这方面的标准，但是（Github repo。）有了这个建议，您将有一个带有

type=“importmap”

的

脚本，其中列出了别名，如下所示：

{
  "imports": {
    "react": "../vendors.react.js",
    "react-dom": "https://some.cdn/react-dom.min.js"
  }
}

请注意，相对路径（如第一个示例中的路径）是相对于显示此
脚本的文档，而不是使用别名的模块

Chrome从v74开始试用，它背后有一个必须启用的标志：
chrome://flags/#enable-实验生产力功能
。for it列出了其他供应商的“无公共信号”（到目前为止）