Svelte项目上手总结，全是大坑（想上手的建议直接上svelte kit）

注意：Svelte 官方已经停止维护，不在有新的更新，对于想要上手svelte的只可以作为一个参考，新版本的SvelteKit地址（https://kit.svelte.dev/）

Svelte官网

Svelte 中文文档 | Svelte 中文网https://www.sveltejs.cn/

路由地址

GitHub - ItalyPaleAle/svelte-spa-router: Router for SPAs using Svelte 3Router for SPAs using Svelte 3. Contribute to ItalyPaleAle/svelte-spa-router development by creating an account on GitHub.https://github.com/ItalyPaleAle/svelte-spa-router

DEMO项目地址

Svelte项目验证Demo: Svelte项目上手验证测试Demo注意：Svelte 官方已经停止维护，不在有新的更新，对于想要上手svelte的只可以作为一个参考，新版本的SvelteKit地址（https://kit.svelte.dev/）1、路由安装使用：svelte-spa-router2、基础组件封装组合测试3、公共样式处理4、Rollup配置问题处理https://gitee.com/web_io/svelte-project-demo

Rollup工具

简介 | rollup.js 中文文档 | rollup.js 中文网Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中。https://www.rollupjs.com/

坑一

静态资源无法通过import加载，也无法直接引用，查找并配置了rollup.config.js，然并卵啊。

url({
			sourceDir: path.resolve(__dirname, 'src/assets/images/'),
			publicPath: '/assets/images/'
		}),

坑二

svelte官方已经停止更新了，是的已经停止更新了，新的是svelte kit

SvelteKit • The fastest way to build Svelte appsSvelteKit is the official Svelte application frameworkhttps://kit.svelte.dev/

坑三

没有官方路由，路由自定义配置选项凌乱；svelte-spa-router

坑四 

到现在为止，svelte没有一个拿的出手的，好用的，可用的组件库 ；

矮子里拔大个，目前就下面的这个还可以，文档也是烂的一批；

Svelte Material UI 中文网 ｜ Svelte Material UI 中文文档基于 Svelte 3 的 Material UI 组件库https://sveltematerialui.cn/总结一下，svelte项目目前在速度体验上是首屈一指的，但是生态是最大的硬伤，官方文档也是烂的一批，目前为止也没有一块成熟的组件库，还的自己造轮子，官方文档（中英文都没有）没有详细的项目目录结构说明，等等。

东西不错，但还是需要细细的打磨才能供各位客官享用，目前来说，想用svelte做一桌可口的饭菜，对各位前端大厨还是一个不小的挑战。