在cdn上使用svelte或react的three.js

Question

是否有任何方法来构建我的svelte或以某种方式响应应用程序，three.js模块(我通常使用npm导入)将被声明为一个脚本标记，该脚本标记将从CDN调用模块？我希望保留框架的优点，但也能够减少最后的包大小，因为我的包中大部分包含三个代码。

谢谢你的智慧

Answer 1

是的，你可以这样做：

在"index.html“文件中，您可以从CDN导入js文件，如下所示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>

然后，在您想要使用它的文件中(例如，它可能是一个反应性组件)，您可以执行以下操作：

const THREE = window.THREE;

它将取代导入语句，该语句应该是import * as THREE from "three";或import THREE from "three";。