/testCI

学习使用Travis CI进行项目持续集成

Primary LanguageJavaScript

说明

  • 该项目通过create-react-ts-cli创建

技术选型

  • react
  • react-router(v4)
  • react-loadable - 按需加载
  • es6
  • typescript
  • css/less/sass
  • webpack(v4)

库

  • antd - 按需加载
  • lodash - 按需加载
  • moment - 按时区引入

工具支持

  • babel7
  • eslint
  • stylelint
  • prettier
  • commit message规范（angular规范）
  • husky（约束代码提交：代码检查、格式化、commit msg规范）

安装与使用

cd [projectName]
npm install

命令

npm start：启动服务，支持热更新，端口号9999
npm run dev：开发环境打包
npm run dll： 预打包
npm run build：生产环境打包，支持压缩
npm run analyze： 生成环境打包模块分析
npm run lint:es：自动修复src目录下不符合eslint规范的代码
npm run lint:style：自动修复src目录下不符合stylelint规范的代码
npm run format:es： prettier格式化ts/tsx
npm run format:style： prettier格式化css/less/sass
npm run commit：符合angular规范的git commit

目录结构

.
├── config  --------------------- webpack相关配置
├── dist  --------------------- 打包文件
├── dll  --------------------- dll文件
├── package.json  --------------------- 项目配置
├── public  --------------------- html入口文件
├── src  ------------------------------ 项目代码目录
│    ├── api  ------------------- 接口集合
│    ├── constants  -------------------------- 常量集合
│    ├── components  ------------------- 公共组件
│    ├── images  ----------------------- 图片资源目录
│    └── pages  ------------------------ 页面集合目录
│        └── home  --------------------- home页面
│            ├── Home.tsx  ------------- 页面入口文件
│            └── Home.scss  -------- 页面样式
│            └── components  -------- 页面组件
│        ├── App.tsx  -------------------------- 路由配置
│        ├── index.tsx  -------------------------- 入口文件
│        └──index.scss  -------------------------- 入口样式
│    ├── styles  -------------------------- 公共css
│    └── utils  -------------------------- 通用函数
├── test  ------------------------------ 测试用例
├── types  ------------------------------ ts类型定义
├── .browserslistrc  ------------------------------ babel兼容浏览器配置
├── .commitlintrc.js  ------------------------------ commit msg规范检验配置
├── .editorconfig   ------------------------------ 编辑器配置
├── .eslintignore  ------------------------------ eslint 忽略文件
├── .eslintrc.js  ------------------------------ eslint 配置
├── .gitignore  ------------------------------ git commit忽略文件
├── .postcssrc.js  ------------------------------ postcss配置
├── .prettierignore  ------------------------------ prettier格式化忽略文件
├── .prettierrc.js  ------------------------------ prettier配置
├── .stylelintignore  ------------------------------ style lint忽略文件
├── .stylelintrc.js  ------------------------------ style lint配置
├── package-lock.json  --------------------- package lock 文件
├── package.json  --------------------- 项目配置
├── README.md  ------------------------ 说明文件
└── tsconfig.json  ------------------------ ts配置