create-react-app

一、搭建ts版本的项目骨架

create-react-app demo-ts --scripts-version=react-scripts-ts

这个脚手架的tsconfig.json文件中的outDir竟然修改无效，用npm run eject命令暴露配置后修改config/path.js中的appBuild才会生效：

appBuild: resolveApp("../server/public"),

个人认为脚手架的这一点比较坑，既然不支持直接更改编译后的目录就不应该暴露outDir，给人一种修改了却不生效的感觉。

二、修改默认开发端口号

• 初始端口号是3000，当有冲突时我们可以选择更改端口号

"start": "react-scripts start",

• 改为3001端口：

"start": "set PORT=3001&&react-scripts start",

三、decorators是babel的版本问题，在高版本的babel中阻止实施装饰，需要我们添加一个特殊的插件

• 安装transform-decorators-legacy插件

npm i --save-dev babel-plugin-transform-decorators-legacy

• 配置.babelrc/webpack配置文件如下：

{
  "presets": [
    "es2015",
    'react',
  ],
  "plugins": ["transform-decorators-legacy"]
}