个人前端脚手架——create-wl-app


开发了一款能够快速投入到项目开发中的脚手架: create-wl-app

1、背景

  • 多人协作开发过程中,出现代码规范问题无法有效的进行规避;
  • 前端项目框架配置工作繁琐,如:eslint、ui库、状态库、路由库、请求库、打包优化配置等等;
  • 官方 create-vue脚手架配置较全,但只支持 Vue 项目,不支持 React;
  • 官方 create-cli脚手架现已处于维护模式,官方推荐使用 create-vue 来创建基于Vite的新项目;
  • 官方 create-react-app脚手架年久失修,使用的webpack,配置复杂冗余,不支持Vue;
  • 社区 create-vite脚手架可支持多框架,但配置简单,无法立刻使用到项目开发中;

2、create-wl-app

  • 基于以上种种原因,所以需要打造一款能够快速投入到开发中的脚手架;
  • 选择了Vite也是因为它很快,而且现已更新到 4 版本,更加的稳定,生态广,配置简单;
  • 选择市面上主流的两个框架 VueReact作为开发模板;
  • 集成了市面上比较通用的库,例如:antd、element-plus、axios、pina、jss等等;
  • 也集成了很多方便开发的库,例如:ahooks、vueuse、react-dev-inspector、vite-plugin-vue-devtools等等;
  • 使用了 EslintPrettier来规范代码开发,同时使用了git+husky来限制提交规范;
  • 还有打包优化配置、压缩处理配置、兼容处理等等;
  • 为了方便小伙伴们知道模板中的具体内容和更新内容,也搭建了一个文档网站:create-wl-app
  • 至于为什么叫create-wl-app,想不到更好的名字了-_-

3、结尾

  • 也希望大家使用愉快;
  • 如果有什么更好的项目,欢迎大家到我的gitee提 Issues ;
  • 最后希望大家喜欢的话,点个⭐️;

猜你喜欢

转载自blog.csdn.net/weixin_44733660/article/details/131958143