利用esm.sh CDN减小发布包体积

采用vite新建一个工程。修改index.html:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button onclick="confetti()">firework</button>
    <script type="module">
        import confetti from "https://esm.sh/canvas-confetti@1.9.3"
        window.confetti = confetti;
    </script>
</body>

</html>

pnpm run build

可以看到编译后的发布包体积很小。但对使用monaco编辑预览markdown文件进行上述方法处理时，monaco编辑器不能正常工作，有待进一步研究。

posted @ 2024-08-08 09:20  卓能文  阅读(45)  评论(0)    收藏  举报