Personal front-end scaffolding - create-wl-app


Developed a scaffold that can be quickly put into project development: create-wl-app

1. Background

  • In the process of multi-person collaborative development, code specification problems cannot be effectively avoided;
  • The configuration of the front-end project framework is cumbersome, such as: eslint, ui library, state library, routing library, request library, packaging optimization configuration, etc.;
  • The official create-vue scaffolding configuration is relatively complete, but only supports Vue projects, not React;
  • The official create-cli scaffolding is now in maintenance mode, and it is officially recommended to use create-vue to create new projects based on Vite;
  • The official create-react-app scaffolding has been in disrepair for a long time, the webpack used, the configuration is complicated and redundant, and Vue is not supported;
  • The community create-vite scaffolding can support multiple frameworks, but the configuration is simple and cannot be used in project development immediately;

2、create-wl-app

  • Based on the above reasons, it is necessary to create a scaffold that can be quickly put into development;
  • I chose Vite because it is fast, and it has been updated to version 4, which is more stable, has a wide ecosystem, and is easy to configure;
  • Choose Vue and React , two mainstream frameworks on the market , as development templates;
  • Integrate common libraries on the market, such as: antd, element-plus, axios, pina, jss, etc.;
  • It also integrates many convenient development libraries, such as: ahooks, vueuse, react-dev-inspector, vite-plugin-vue-devtools, etc.;
  • Eslint and Prettier are used to standardize code development, and git+husky is used to limit submission specifications;
  • There are also packaging optimization configuration, compression processing configuration, compatibility processing, etc.;
  • In order to make it easier for friends to know the specific content and update content in the template, a documentation website has also been built: create-wl-app
  • As for why it is called create-wl-app , I can't think of a better name -_-

3. End

  • I also hope that you can use it happily;
  • If there is any better project, welcome to my gitee to mention Issues;
  • Finally, if you like it, click ⭐️;

Guess you like

Origin blog.csdn.net/weixin_44733660/article/details/131958143