Bun 是一款新的 JavaScript 运行时环境，与 Node.js 有一些明显的不同和优势。以下是一篇简单的 Bun 上手教程，包含了 Bun 和 Node.js 的比较、Bun 的优势、使用方法以及如何在现有的 Node.js 项目中替换为 Bun。一、Bun 和 Node.js 的比较1. 性能Bun 在性能上相较于 Node.js 有显著提升。这得益于其底层的优化和更高效的垃圾回收机制。在某些基准测试中，Bun 的性能甚至超过了 Node.js。2. 体积Bun 的可执行文件体积非常小，这使得它在部署和分发时更加便捷。相比之下，Node.js 的安装体积较大。3. API 和兼容性Bun 的 API 与 Node.js 非常相似，因此大多数 Node.js 代码在 Bun 上可以无需修改地运行。但需要注意的是，由于 Bun 的版本较新，可能还未完全支持 Node.js 的所有特性。二、Bun 的优势1. 简化开发体验Bun 提供了更简洁的开发体验，无需配置复杂的构建工具或打包器。你可以直接运行 .bun 文件，就像运行普通的 JavaScript 文件一样。2. 内置包管理
问题原因使用了 Vite 添加了别名 ，但是TS没有对应的路径，tsconfig.json和vite.config.ts需要相互设置好解决方法vite.config.ts{ resolve: { alias: { "@": path.join(__dirname, "./src"), // 这里定义了别名 @ 相当于 ./src }, }, }tsconfig.json{ "extends": "@tsconfig/svelte/tsconfig.json", "compilerOptions": { "target": "ESNext", "useDefineForClassFields": true, "module": "ESNext", &quo
Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块：const modules = import.meta.glob('./dir/*.js')以上将会被转译为下面的样子：// vite 生成的代码 const modules = { './dir/foo.js': () => import('./dir/foo.js'), './dir/bar.js': () => import('./dir/bar.js') }你可以遍历 modules 对象的 key 值来访问相应的模块：for (const path in modules) { modules[path]().then((mod) => { console.log(path, mod) }) }匹配到的文件默认是懒加载的，通过动态导入实现，并会在构建时分离为独立的 chunk。如果你倾向于直接引入所有的模块（例如依赖于这些模块中的副作用首先被应用），你可以传入 { eager: true } 作为第二个参数：const modules = impor
动态路由主要通过router.addRoute()函数实现。1.路由格式{ name: "user", path: "/system/user", meta: { title: "用户管理", }, component: () => import("@/views/User.vue"), }2.完整代码import Home from "@/components/Home.vue"; import { createRouter, createWebHashHistory } from "vue-router"; //Vite 支持使用特殊的 import.meta.glob 函数从文件系统导入多个模块 const modules = import.meta.glob("../views/**.vue") // 基础路由 const routes = [ {
Gonwe
一念智即般若生。
CC BY-SA 4.0
