Nutritious Pumpkin Meal

    bun-skin
    TypeScript icon, indicating that this package has built-in type declarations

    1.9.6 • Public • Published

    bun

    NPM version NPM downloads

    bun是一款基于koa2的web框架,它拥有标准的mvc结构,你可以从任何server语言无缝迁移,它帮你实现了路由、日志、渲染等模块,给你最完美的开发体验。它可以轻松构建起一个企业级的web应用,即使你是从没有开发过服务端的前端人员,你也可以一键生成自己的应用并快速上手。 bun专门对ssr做了封装,提供配套的ssr工具,使得你可以一键生成一个ssr项目,目前已经支持vue,react的ssr。

    bun取名传统美食:包子。寓意是希望包住所有干扰开发者的东西,让开发者更加专注于做自己的事情。

    bun的核心功能:

    • 开箱即用
    • 约定高于配置
    • 支持多个app统一部署,并互相独立
    • 完整的开发日志(包含业务日志,报警日志,错误日志)
    • 完整的MVC开发体验
    • MVC类的全局自动加载,支持自定义全局加载模块,更加简洁快速的开发
    • 完善的cli命令工具和脚手架
    • 统一的前端打包工具
    • ssr

    bun是一整套工具的合集

    • bun-skin bun的核心node框架
    • bun-cli bun的cli命令行工具
    • bun-project bun的node工程模板
    • bun-app bun的app模板
    • bun-vueapp bun的vueapp模板
    • bun-vueapp-ssr bun的vueapp的ssr模板
    • bun-reactapp bun的reactapp的模板(包含ssr)
    • bun-vuessr-plugin bun的vuessr插件
    • bun-reactssr-plugin bun的reactssr插件

    依赖

    安装:

    npm i -g bunjs
    

    构建项目工程框架:

    bun init project
    

    根据提示输入名称,如myProject。 然后cd进入新创建的project目录,执行:

    npm install
    

    一个项目工程构建完成。

    创建app

    然后退回到上一级目录,并创建一个新的app:

    cd ..
    bun init app
    

    根据提示输入app名称,如myapp。 然后cd进入新创建的app目录,执行:

    npm install
    

    编译部署

    然后编译当前app内容到工程目录:

    bun r -d -t ../myProject
    

    开发环境下,可加上:

    -d参数:使用开发模式打包编译(不会进行压缩等)

    -w参数:实时监听文件修改,自动打包编译

    启动项目

    然后,回到project目录,启动项目:

    cd myProject
    bun run myProject
    

    默认端口是8000,打开http://localhost:8000/myapp/home 即可看到示例页面

    其它

    工具内置了pm2作为进程保护,可以监听文件修改自动重新启动,你可以执行:

    bun restart myProject //重启项目
    bun stop myProject //停止项目
    bun run myProject -w //自动重启项目
    

    vue

    我们对react和vue等热门前端框架进行了支持, 如果你想使用vue,你可以这样创建app:

    bun init vueapp
    

    打开http://localhost:8000/myapp/ 即可看到示例页面

    我们还对vue做了ssr支持,你需要创建一个新的vueappssr:

    bun init vueappssr
    

    你还需要引入一个ssr插件:

    npm i --save bun-vuessr-plugin
    

    然后在conf/plugins.js中做好声明即可使用:

    exports.SSR = {
      enable: true,
      package: 'bun-vuessr-plugin'
    };
    

    插件的具体使用方法请移步这里:https://github.com/bunjs/bun-vuessr-plugin

    react

    如果你想使用react,你可以这样创建app:

    bun init reactapp
    

    打开http://localhost:8000/myapp/ 即可看到示例页面

    我们还对react做了ssr支持, 针对react,你不需要创建ssrapp,只需安装一个插件,你可以很方便在project目录下安装插件:

    npm i --save bun-reactssr-plugin
    

    然后在conf/plugins.js中做好声明即可使用:

    exports.SSR = {
      enable: true,
      package: 'bun-reactssr-plugin'
    };
    

    插件的具体使用方法请移步这里:https://github.com/bunjs/bun-reactssr-plugin

    Keywords

    none

    Install

    npm i bun-skin

    DownloadsWeekly Downloads

    10

    Version

    1.9.6

    License

    ISC

    Unpacked Size

    131 kB

    Total Files

    72

    Last publish

    Collaborators

    • bunko