基于 Vite + React 构建项目框架

前言

大概在 2019 年的时候，为公司搭建了一套项目框架，截止到今天，用起来很不错，最近 Vite 太火，折腾了下，花了两天的时间，用 Vite 替换了 Webpack（Webpack5、Webpack4 都有，切换分支即可），体验直接起飞，基于 Vite + React + Ant Design + Mobx + ESLint + TypeScript 的项目框架。

特点

• 快速开始，只要您了解 react、mobx、webpack 和 react router，就可以快速搭建中后台管理平台。

• 路由匹配，包括 url 输入，js 跳转，菜单切换。

• Loading，不需要重复写组件 loading 判断。

Demo

tristana

项目地址

tristana

关于命名

由于本人非常喜欢玩 LOL 射手小炮，所以叫 tristana

能否使用在生产环境？

当然，目前我司多个产品线在使用中。

启动

$ git clone https://github.com/xuya227939/tristana.git

$ cd tristana

$ git checkout vite

$ npm install

$ npm run dev

打包

$ npm run build

是否支持 IE8?

不支持

结语

大佬们觉得不错的话，可以给个 Star 🌟，也欢迎给项目提 issues ~