如何使用unpkg url- as作为<script src=...>导入？

Question

我正在尝试在我的项目中使用urlJoin。我使用<script>标记导入了库/脚本，因为HTML是由Django生成的。

<script src="https://unpkg.com/url-join@5.0.0/lib/url-join.js"></script>

问题是我不能使用urlJoin函数-控制台说：

urlJoin
VM609:1 Uncaught ReferenceError: urlJoin is not defined
    at <anonymous>:1:1

函数的定义如下：

export default function urlJoin() {
  var input;

  if (typeof arguments[0] === 'object') {
    input = arguments[0];
  } else {
    input = [].slice.call(arguments);
  }

  return normalize(input);
}

你知道怎么用吗？

Answer 1

该文件是一个ES6模块。参见MDN上的JavaScript模块。

你需要：

• 标记使用urlJoin作为模块的脚本
• 将其import到该脚本中
• 而不是有一个单独的<script>元素来加载urlJoin。

因此：

​

<script type="module">
  import urlJoin from "https://unpkg.com/url-join@5.0.0/lib/url-join.js"; 
  const foo = urlJoin("some", "args"); 
  console.log(foo);
</script>

​