跳至主要內容

介绍

Bruce FEES是一套完整的多功能的前端工程化多包管理解决方案,涵盖前端开发流程中常见的多个脚手架工具类库它基于webpack、rollup、postcss、sass、less、babel、typescript、stylelint、eslint、jest、react、vue、vuepress等多个Npm模块搭建和开发底层架构,采用Monorepo模式pnpm组织和管理仓库代码。目的是简化整个前端开发流程,通过自动化工具处理那些重复繁琐的任务,以便提高整体开发效率并降低维护成本。这个框架还致力提供一个高度可扩展的基础架构,方便开发人员在项目中增加新的工具和技术,以便满足不断变化的需求。

    特性

    • 📦 开箱即用

      涵盖的解决方案全部做到零配置开箱即用

    • 🛡️ 类型定义

      使用TypeScript开发并提供完整的类型定义文件

    • ♻️ 全栈构建

      基于Monorepo模式和全栈链路构思完成每个解决方案

    • 📋 规范保障

      深入每个场景内部做好开发阶段的编码细节和代码规范

    • 💪 自身提炼

      提炼自身多年的前端工程化和架构设计的工作经验和解决方案

    安装

    在安装之前必须确保nodev18.18.0以上,可用nvmn控制多版本的node环境使用npm安装所需的解决方案到全局环境中,xyz为上述可用包名。💥npm i -g @yangzw/bruce-xyz使用yarn安装所需的解决方案到全局环境中,xyz为上述可用包名。💥yarn add global @yangzw/bruce-xyz使用pnpm安装所需的解决方案到全局环境中,xyz为上述可用包名。💥pnpm i -g @yangzw/bruce-xyz使用npm安装失败✅ 切换npm镜像为淘宝镜像:npm config set registry https://registry.npmmirror.com/✅ 切换node镜像为淘宝镜像:npm config set disturl https://npm.taobao.org/mirrors/node/✅ 重新执行安装命令:npm i -g @yangzw/bruce-xyz使用yarn安装失败✅ 切换yarn镜像为淘宝镜像:yarn config set registry https://registry.npmmirror.com/✅ 切换node镜像为淘宝镜像:yarn config set disturl https://npm.taobao.org/mirrors/node/✅ 重新执行安装命令:yarn add global @yangzw/bruce-xyz使用pnpm安装失败✅ 切换pnpm镜像为淘宝镜像:pnpm config set registry https://registry.npmmirror.com/✅ 切换node镜像为淘宝镜像:pnpm config set disturl https://npm.taobao.org/mirrors/node/✅ 重新执行安装命令:pnpm i -g @yangzw/bruce-xyz在安装每个子包之后,请结合文档来使用。当然你也可以fork一份仓库代码,搭建一套属于自己的前端工程化多包管理解决方案

      反馈

      JowayYoung资深前端工程师,就职于网易互动娱乐事业群,负责前端工程化和前端架构设计相关的工作。同时,拥有弃医从码的神奇经历,非常热爱技术输出,也是掘金社区Lv7优秀作家,发表过多本掘金小册。《玩转CSS的艺术之美》《从零到一落地前端工程化》《Node命令行工具的实战通关秘诀》 写作中,争取2023年12月底完成如果有问题请到Github Issues留言或通过右边的方式联系我JowayYoung