snake-cli
React + React-Router + Typescript + ant design + webpack4.0 脚手架 使用 React hook 进行开发
- webpack4 中除了正常安装 webpack 之外,需要再单独安一个 webpack-cli
- 启动 devServer 需要安装 webpack-dev-server
- TableRigger 为表格定制封装组件,整合表格、汇总、筛选、操作按钮、详情等组件
git clone https://github.com/SummerSnake/snake-cli.git
cd snake-cli
# 安装项目依赖
yarn -i
# 项目启动
yarn start
# 项目构建
yarn build
目录结构
├── build // 编译结果目录
├── config // webpack 配置目录
│ ├── webpack.base.ts // 公用配置
│ ├── webpack.dev.ts // 开发时配置
│ └── product.dev.js // 打包时配置
├── mock // mock 数据
├── script // node.js 脚本
├── src // 源码目录
│ ├── BasicLayout // 布局组件
│ ├── components // 公共组件
│ ├── config // 项目配置,路由、sideMenu等等
│ ├── pages // 页面文件目录
│ │ └── index
│ │ ├── index.tsx // 页面逻辑
│ │ ├── index.less // 页面样式
│ ├── router // 路由
│ ├── utils // 常用工具类
│ ├── index.tsx // 入口文件
│ └── index.html
├── .eslintrc.js // eslint 配置文件
├── .prettierrc.json // prettier 配置
├── .global.d.ts // Typescript 全局声明
├── postcss.config.js // postcss 配置
└── tsconfig.json // Typescript 配置