前端构建

`svelte`是一个web开发框架，它通过编译器编译出可以在浏览器中运行的代码，使用的语言还是前端三剑客`html / css /js`。优点就是书写简洁、编译快、效率高。

为了提升开发效率以及缩短打包时间，在`vite`和`rspack`中，最终选择了`rspack`。`rspack`是webpack的平替，它兼容webpack的插件，迁移心智负担低。

Github Actions是一个 CI/CD 工具，可以自动执行代码仓库中的任务，比如构建、测试和部署等。学会Github Actions，解放自己的双手。

trunk 构建、打包 rust wasm 程序；yew web 前端开发库；构建前端开发脚手架，包括路由、网络请求；

基于 Rust 的高性能 Web 构建工具。rspack 主要适配 webpack 生态，对于绝大多数 webpack 工具库都是支持的。 启动速度快；增量热更新快。 兼容 webpack 生态

esbuild 非常快速的 web 打包器,使用 go 语言编写. 无需缓存也能很快速的编译打包。 内置 js、css、ts、jsx 类型文件编译。

rollup javascript 代码打包器，它使用了 es6 新标准代码模块格式。 特点： 面向未来，拥抱 es 新标准，支持标准化模块导入、导出等新语法。 tree shaking 静态分析导入

日常使用svg作为图标使用已经很常见了,以下为几种使用方式 . 采用svg-sprite-loader 解析加载的svg资源并作为图形模板。

记录一次两年前的Vue项目升级。 包括vue配置、webpack配置、babel配置、eslint及husky配置