1 Star 0 Fork 0

wwdragon / react-frame

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

react-frame

基于 webpack 5.x + react v18 + react-router + dva + axios + antd 4.x + es6 + less 的脚手架

项目介绍

本项目是利用 webpack4 搭建的搭建一个基于 react + react-router + dva + axios + antd + es6 + less + eslint + prettier 用于中后台开发的脚手架, 主要是希望通过配置本项目,来对 webpack 工具有一个更加深入和全面的认识,在练习中提升自己。

功能实现

  • ES6/7
  • react/react-router/dva/antd
  • less
  • axios
  • dev-server/static resource server
  • 模块热替换(HMR)
  • sourcemap
  • CSS 代码分割
  • 代码分割(SplitChunksPlugin)
  • 代码压缩(terser-webpack-plugin)
  • 浏览器缓存
  • tree shaking
  • DllPlugin
  • PWA
  • eslint
  • 路由懒加载
  • 本地 Mock 服务
  • web 性能分析(webpack-bundle-analyzer)
  • sematic version
  • Flexible layout (rem)

快速开始

//该项目支持使用npm|yarn|cnpm管理依赖, 推荐cnpm(速度杠杠的)
git clone 本项目路径
yarn install || npm install  // 依赖包安装
yarn dll || npm run dll   // dllplugin进行打包
yarn start || npm run start // 开发模式启动项目
yarn build || npm run build // 生产环境项目打包
yarn dev-build || npm run dev-build // 开发环境打包

代码格式化

Eslint 代码格式 (for Vscode)

Vue 代码片段

Vue 代码片段 (for Vscode)

git 提交规范

git commit 规范

文件换行符问题

LR or CRLF

MIT License Copyright (c) 2020 deqiao (chandq) chen Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于 webpack+ react + react-router + dva + axios + antd + es6 + less + eslint + mock 用于中后台开发的PC端脚手架,内置很多实用工具,开箱即用, 包含webpack v5.x + react v17.x, webpack v4.x + react v16.x两套版本的脚手架 展开 收起
JavaScript 等 4 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/wwdragon/react-frame.git
git@gitee.com:wwdragon/react-frame.git
wwdragon
react-frame
react-frame
master

搜索帮助