Svelte的新功能:2021年2月

2021-02-26 14:52:50

随着一年中最短的月份的到来,Svelte的维护者和社区成员在上个月一直很忙-从svelte-loader,prefertier-plugin-svelte,rollup-plugin-svelte和语言工具的重大变化到稳步发展在Sapper和苗条的预处理中。同时,许多人一直在忙于将Svelte与其他流行框架进行集成。

现在已将WAI-ARIA图形模块中的Aria角色识别为Svelte组件中的有效aria角色(3.31.1)

通用React属性className和htmlFor的编译器警告现在使将React组件移植到Svelte(3.31.1)更容易

有关于编译器功能的建议,还是想要帮助实现新功能/错误修复?查看“分类”:好第一期" Svelte的标签

现在,通过在已重命名的变量中智能添加前缀/后缀,可以更安全地重命名变量(104.0.0)

TypeScript用户的语义(令牌)突出显示使主题制作者可以在主题中应用语义样式(如果他们支持的话)(104.0.0)

"提取组件"已添加到上下文菜单-允许您从文件中提取组件,而无需打开命令窗口键入" Svelte:Extract Component"。 (104.0.0)

VS Code扩展现在可以监听JavaScript / TypeScript文件的更改-您不再需要保存文件就可以注意到更改(104.1.0)

试用语言工具的一种好方法是下载VSCode的Svelte扩展。此扩展使用svelte语言服务器为VS Code中的Svelte组件提供了语法突出显示功能和丰富的智能感知功能。检查您的编辑器扩展源,以查看是否有用于IDE的Svelte插件或构建自己的插件(例如,参见coc-svelte)!

svelte-loader发布了一个主要版本3.0.0-具有Webpack 5和Node 14支持,更好的热重载以及与rollup-plugin-svelte相匹配的新的compileOptions。重大更改包括删除Svelte 2和Node 8支持。更新日志中的更多信息

rollup-plugin-svelte现在的版本为7.x-支持相对文件名,对源映射的更好处理以及一致的editorOptions。确保升级时签出变更日志以了解重大更改

svelte-preprocess在本月的4.6.x版本中进行了迭代,以改善postcss和scss处理并修复打字稿用户的sourcemap转换。更新日志中的更多信息

Sapper在滚动跟踪和处理编码查询参数方面进行了一些改进。现在,动态导入还可以在不支持ES模块的浏览器中按预期工作。这些来自0.29.0的更改以及逐步迁移指南可在更改日志中找到

发行了更漂亮的插件版本2。它进行了大修,并附带了HTML格式的重写。现在的输出与标准Prettier格式化HTML的方式更加一致。 svelteBracketNewLine和options-scripts-markup-styles的更好默认值现在应该与大多数用户喜欢订购代码块的方式匹配。另外,现在支持Prettier的htmlWhitespaceSensitivity设置。更新日志中的更多信息

Svelte Society网站的新变化包括一个新的备忘单,可以轻松访问有用的代码模式以及整个站点上的一些较小的视觉修复程序。想要帮助Svelte Society网站做好准备迎接黄金时段吗?签出GitHub存储库以开始使用!

德国官方的疫苗接种仪表板会跟踪当前的COVID疫苗推出情况,并提供一些做得很好的dataviz。

La Neuva age de laeducatiónconectada是一个Vodaphone网站,着重介绍了技术和COVID-19改变教育格局的方式

svelte-actions是一组Svelte动作的原型,将来会包含在官方动作中。请参阅RFC和讨论高级策略。

@joja(在Svelte Discord中)制作的css网格图库具有基于用户鼠标位置的网格过渡的功能

makeItSnow是@MrPoule(在Svelte Discord中)做出的Svelte动作,可用于将❄️snow❄️添加到任何组件中(演示)

svelte-derver-starter是用于烘焙全栈应用程序的启动器,其基于Svelte的客户端和由Derver支持的服务器端。

svelte-tailwind-extension-boilerplate是使用JavaScript或TypeScript,Svelte用于前端,Tailwind CSS用于样式,Jest用于测试以及Rollup作为构建系统的Chrome扩展的良好基础。 snowpack-ui可让您运行& 通过浏览器而不是终端管理Snowpack项目 Svelte for Appwrite解释了如何与自托管Firebase替代Github Repo Appwrite集成 p5-svelte是将创意编码/素描工具p5投入项目的绝对简单的方法 svelte-windicss-preprocess是一个Svelte预处理器,用于基于windicss编译器在构建时编译tailwindcss 想与世界分享您的Svelte组件吗? 转到Svelte Society网站上的Components页面。 您可以通过对此文件进行公关来做出贡献。 lihautan的Svelte Actions播放列表教您在开发Svelte应用程序时动作如何工作以及如何帮助解决常见问题

从dev.to API的一键式投资组合/个人博客生成器将逐步创建一个Sapper网站,该网站也可以从DEV.to获取您的文章,并使用API 如何编码VSCode扩展功能将Svelte作为在VSCode中呈现自定义UI的一种方式 想要将您的作品添加到“陈列柜”中吗? 想要为斯维尔特做贡献吗? 查看Svelte Society,Reddit和Discord加入其中!