如何使我的npm包能够让人们从JSDelivr加载它？

Question

为了学习目的，我正在写一套NPM成绩单。我配置了我的包设置，以便它导出两种构建: ESM构建和CJS构建。我向npm发布了它，我可以在ESM-模块环境或cjs环境中很好地安装和使用它。喜欢,

const dsa = require('awesome-dsa');
//or
const {SinglyLinkedList} = require('awesome-dsa');

或,

import dsa from 'awesome-dsa';
//or
import {SinglyLinkedList} from 'awesome-dsa';

但我不明白如何将这个包包含在JSDelivr中。

我都试过了

<script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.5/dist/esm/index.min.js"></script>

和

<script src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.1/dist/cjs/index.min.js"></script>

这两个文件都存在，控制台中有错误。

我该怎么办？

Answer 1

好险啊。您需要type=module来导入ESM模块：

<script type="module" src="https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.5/dist/esm/index.min.js"></script>

但这实际上没有效果，相反，你可以这样做：

<script type="module">
  import dsa from "https://cdn.jsdelivr.net/npm/awesome-dsa@0.0.1/dist/cjs/index.min.js"
  const q = new dsa.LinearQueue();
</script>