create-cbk

彩贝壳前端项目脚手架工具

安装

通过 npm create cbk project-name 可以快速创建一个新的 react-ts 空白项目

npm create cbk cbk-app

新项目默认会使用 ts，ts 代码的阅读性和可维护性的效果不言而喻。如果有需求需要用到 js，可以使用 --template 模板选项

npm create cbk cbk-app --template js

目前只有纯净的初始模板，后续可以考虑加入内置路由，状态管理，甚至基本登录/首页菜单页面等通用功能，在对于 B 端系统开发上，会极大的增加前期项目准备效率上。

FAQ

既然是新项目为什么不选择更成熟的 create-react-app vite 这类脚手架呢？ create-cbk 优势在哪？

create-react-app 是 facebook 官方团队出品的脚手架，其经过数年的版本迭代已经很成熟了。

create-cbk 是在 create-react-app 的基础上，扩展了许多更友善的配置（通过配置文件设置），并且兼容了而我们老系统的项目 webpack 4.0 版本，统一配置，集中管理插件，依赖等信息，使用 create-cbk 在内部技术统一方面也有很大的优势。

vite 是通过 esbuild rollup 等工具组成的一套全新的脚手架系统，因为是直接运行 es module 文件，在编译速度上有着极大的优势，但是对老项目的更新也是破坏性的，而且 vite 整体来说，还不如 webpack 成熟。为了线上运行的稳定性，我们可以牺牲部分开发构建效率（0.x 秒）。