1

我不是前端开发人员，所以我希望我在这里使用正确的术语。

我在玩工兵。

我找到了一个免费的 jQuery，Bootstrap html 模板并将其迁移到 sapper。

我将一些代码段提取为组件并将所有资源放在静态文件夹下。实际上，每件事都运行良好。

问题是我的所有路线中都有一个重复的脚本标签。在我看来，有更好的方法来做到这一点。

<svelte:head>
  <script src="js/modernizr-2.6.2.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.flexslider-min.js"></script>
  <script src="js/main.js"></script>
  <!-- FOR IE9 below -->
  <!--[if lt IE 9]><script src="js/respond.min.js"></script><![endif]-->
</svelte:head>

请不要告诉我我不应该将 jQuery 与工兵一起使用。我下载了模板，我知道 jQuery 代码是用于视觉效果的。

4

1 回答 1

3

你可以通过npm添加jQuery或其他脚本，使用. 或者，如果您更喜欢纱线包管理器，请使用.npm install jqueryyarn add jquery

然后，您可以使用以下命令在组件中导入必要的脚本：

import jQuery from 'jquery';

routes/index.svelteSapper 模板中对 Borat 图像的使用示例：

<script>
import jQuery from 'jquery';
import { onMount } from 'svelte';

onMount(() => {
    jQuery('img').click(() => {
        console.log('test');
    });
});
</script>
于 2019-07-21T16:21:45.253 回答