如何将 JavaScript 库与 Sapper/Svelte 一起使用？

Question

使用 Sappers 导出功能构建静态站点，我希望能够使用 JavaScript 库，如 Conversational Form and GSAP。尝试将它们添加到 client.js 或我的组件时，我无法访问 window 对象。

我该如何最好地解决这个问题？

Answer 1

标准方法是 import 那些库到你的组件中：

<script>
  import { TweenMax, Power2, TimelineLite } from 'gsap';

  export default {
    oncreate() {
      // use GSAP in here, or in custom methods
    }
  };
</script>

如何将 JavaScript 库与 Sapper/Svelte 一起使用？

How to use JavaScript libraries with Sapper/Svelte?

svelte