Svelte笔记:Svelte.js中使用Bootstrap

Svelte.js是一个很不错的在Angular,Vue和React三大框架之外的前端框架,以代码量少,无虚拟DOM为特点,写起来很接近原生,生命周期、代码复用、数据响应等也很好用,提供了包括动画、 系列标签、过渡等很多很有意思的内置API,我个人看来在某些方面是一个很不错的选择,只是现在还不是很流行,解决方案等确实会比较折腾,没有官方router支持也是问题,不过Sapper服务器渲染方案可以在一定程度上略有弥补。

同时,由于不够流行,组件库便也成了一个问题,对于一些小项目,只需要一些现成组件的拼接,确实比较难以处理。没有足够稳定,有保证的组件库,暂时只能是使用Bootstrap代替一下。

经验不足的问题还是很严重,在Svelte项目中引入Bootstrap难住了我,在查询了众多资料之后,最终得到了一个想打死自己的方案:

index.html中引入CDN,就完全可以解决。。。。

CSS引入

复制下面的  样式表粘贴到网页  里面,并放在其它CSS文件之前.


JS引入

全局组件运行在 jQuery 组件上,其中包括 Popper.js, 以及系统内置 JavaScript 插件. 建议将 


这里列出了需要JQuery、Bootstrap.js、Popper.js组件清单,如果你不熟悉组件可以继续查看本文档的其它部份的示例源码。

你可能感兴趣的:(前端)