ngd-b的博客

摘要：Svelte是一个创新的前端框架，通过编译时优化提升性能。其组件结构包含<script>、<style>和HTML三部分，简洁易用。文章介绍了Svelte的基本用法，包括项目初始化、组件编译过程，并实现了一个简易的svelte-loader解析器。重点讲解了核心特性"Runes"中的$state响应式声明功能。虽然API变动频繁，但Svelte凭借简洁的设计和跨平台潜力值得关注。

在项目中，原有的vue-cli脚手架打包时间过长，严重影响了开发效率。为了提升开发效率并缩短打包时间，最终选择了rspack作为替代方案。rspack是webpack的平替，兼容webpack插件，迁移成本较低。尽管在迁移过程中遇到了一些问题，如编译时间未如预期缩短，但通过性能分析和社区支持，最终通过降级rspack版本至1.2.19，成功将编译时间从几分钟缩短至50秒，显著提升了开发效率。迁移过程中，移除了vue-cli相关依赖，安装了rsbuild及其插件，并调整了配置文件，最终实现了从vue-cli到

基于 Rust 的高性能 Web 构建工具。rspack 主要适配 webpack 生态，对于绝大多数 webpack 工具库都是支持的。