Svelte项目上手总结,全是大坑(想上手的建议直接上svelte kit)

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

Svelte官网

Svelte 中文文档 | Svelte 中文网Svelte项目上手总结,全是大坑(想上手的建议直接上svelte kit)_第1张图片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 frameworkSvelte项目上手总结,全是大坑(想上手的建议直接上svelte kit)_第2张图片https://kit.svelte.dev/

坑三

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

坑四 

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

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

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

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

你可能感兴趣的:(Svelte,ES6,javascript,前端,node.js)