使用 Vite 和 Bun 构建前端
创始人
2024-11-28 01:35:44

虽然 Vite 目前可以与 Bun 配合使用,但它尚未进行大量优化,也未调整以使用 Bun 的打包器、模块解析器或转译器。

Vite 可以与 Bun 完美兼容。从 Vite 的模板开始使用吧。

bun create vite my-app ✔ Select a framework: › React ✔ Select a variant: › TypeScript + SWC Scaffolding project in /path/to/my-app...

然后进入项目目录并安装依赖项。

cd my-app bun install 

使用 bunx 命令行界面启动Vite CLI开发服务器。

--bun 标志告诉 Bun 使用 bun 而不是 node 来运行 Vite 的CLI;

bunx --bun vite 

为了简化这个命令,请将 package.json 文件中的 "dev" 脚本更新为以下内容。

"scripts": {   "dev": "vite",   "dev": "bunx --bun vite",   "build": "vite build",   "serve": "vite preview" }, // ...

现在,就可以使用 bun run dev 命令启动开发服务器。

bun run dev 

以下命令将为应用程序构建生产版本。

bunx --bun vite build

这是一个简化版的指南,帮助你开始使用 Vite + Bun。如需更多信息,请参阅 Vite 文档。

相关内容

热门资讯

延安12345 | 拍照只会比... 近日,“剪刀手拍照会泄露指纹信息”冲上热搜,不少网友表示,没想到手指轻轻比个“耶”,竟可能把自己的隐...
填补世界空白的“大国重器”正式... 今天(8日),一项填补世界空白的“大国重器”正式上岗!我国自主研发的全球首套盾构超高压“三元混合气”...
科技助力唱“主角” 数字“新农... 科技助力唱“主角” 数字“新农具”耕出“智慧”丰收田 央视网消息:在湖北黄冈市,依托当地政府打造的...
数字技术赋能乡村振兴——以福建... 胡冰川 当下,数字技术正成为驱动农业农村高质量发展的新质生产力。数字农业以物联网、大数据、人工智能、...
构建智能体EDA方法论:挑战与... 工具与方法论之间的关系是双向的。工具赋能方法论,方法论依赖工具的功能特性及其所提供的数据。然而,当前...