3

对于 ES6 模块，是否有当前方法或管道中的方法从页面上已有的标签到import模块？<script>例如，如果我有 2 个<script>标签，

<script id="a">
    export const a = 'a';
</script>
<script id="b">
    import a from ?;
    console.log(a);
</script>

我import在第二个标签的语句中放入什么<script>来代替问号？

该id属性用于识别目的，显然，需要有某种方法来识别<script>您需要的标签。它可以通过类或任何其他方式完成，但 ID 必须是唯一的（尽管许多浏览器只使用带有 的最后一个标签id），所以我认为这是确保您拥有正确标签的好方法。也可以通过<script>在文档中按位置获取标签来完成：例如，在这里你得到第二个脚本标签，所以也许你可以做类似的事情

import a from window.scripts[1];

还有一件事：如果这可以跨 HTML 导入工作，那也很棒。我最初的目的是在站点的不同页面上重用 React 组件，在这些页面中它们可能无法使用相对路径导入，而且，至少对于 Webpack，绝对路径并不总是相对于服务器的根目录：有时它们是相对于计算机的根目录，或者至少是网络服务器的根目录。

如何直接从<script>页面上的另一个标签导入值？

4

0 回答 0