Svelte.js是一个很不错的在Angular，Vue和React三大框架之外的前端框架，以代码量少，无虚拟DOM为特点，写起来很接近原生，生命周期、代码复用、数据响应等也很好用，提供了包括动画、<svelte:self> 系列标签、过渡等很多很有意思的内置API，我个人看来在某些方面是一个很不错的选择，只是现在还不是很流行，解决方案等确实会比较折腾，没有官方router支持也是问题，不过Sapper服务器渲染方案可以在一定程度上略有弥补。
同时，由于不够流行，组件库便也成了一个问题，对于一些小项目，只需要一些现成组件的拼接，确实比较难以处理。没有足够稳定，有保证的组件库，暂时只能是使用Bootstrap代替一下。
经验不足的问题还是很严重，在Svelte项目中引入Bootstrap难住了我，在查询了众多资料之后，最终得到了一个想打死自己的方案：
在index.html中引入CDN，就完全可以解决。。。。
CSS引入
复制下面的 <link> 样式表粘贴到网页 <head> 里面，并放在其它CSS文件之前.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
JS引入
全局组件运行在 jQuery 组件上，其中包括 Popper.js, 以及系统内置 JavaScript 插件. 建议将 <script> 的结束放在页面的 </body> 之前以符合新移动WEB规范，并遵循下面代码的先后顺序。
您可以引用 jQuery 精简版,兼容完整版，并无二异。
Copy
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
这里列出了需要JQuery、Bootstrap.js、Popper.js组件清单，如果你不熟悉组件可以继续查看本文档的其它部份的示例源码。
