TypeScript在react项目中的实践

 前段时间有写过一个+ │   └── vendors.dll.js ├── dist ├── src │   ├── config │   ├── controllers │   ├── entity │   ├── models │   ├── middleware │   ├── public │   ├── app.ts │   ├── server.ts │   ├── types + │   ├── common │   └── utils + ├── client-src + │   ├── components + │ │ └── Header.tsx + │   ├── conf + │ │ └── host.ts + │   ├── dist + │   ├── utils + │   ├── index.ejs + │   ├── index.tsx + │   ├── webpack + │   ├── package.json + │   └── tsconfig.json + ├── views + │ └── index.ejs ├── tsconfig.json └── tslint.json

其中标绿(也可能是一个+号显示)的文件为本次新增的。
其中client-distviews都是通过webpack生成的,实际的源码文件都在client-src下。就这个结构拆分前后分离其实没有什么成本
在下边分了大概这样的一些文件夹:

dir/file desc
index.ejs 项目的入口html文件,采用ejs作为渲染引擎
index.tsx 项目的入口js文件,后缀使用tsx,原因有二:
1. 我们会使用ts进行React程序的开发 
2. .tsx文件在vs code上的icon比较好看 :p
tsconfig.json 是用于tsc编译执行的一些配置文件
components 组件存放的目录
config 各种配置项存放的位置,类似请求接口的host或者各种状态的map映射之类的(可以理解为枚举对象们都在这里)
utils 一些公共函数存放的位置,各种可复用的代码都应该放在这里
关键字:
50000+
5万行代码练就真实本领
17年
创办于2008年老牌培训机构
1000+
合作企业
98%
就业率

联系我们

电话咨询

0532-85025005

扫码添加微信