create-react-app(ts)+dva webstorm 配置

1.create-react-app 通过npx 创建（3.3.0） 当前版本似乎不再使用npm install到本地再创建的方式了。

2.根据dva-cli的目录结构给 c-r-a 安装上dva。

3.现在的 c-r-a 一般通过  react-app-rewired 和 customize-cra 进行配置，一般不需要eject。

4.安装上 3中的两个包，在根目录下新建文件  config-overrides.js   内容如下

```

const path = require( 'path' );
const {override, addWebpackAlias} = require( 'customize-cra' );
module.exports = override(
 addWebpackAlias( {
  [ "@" ] : require( 'path' ).resolve( __dirname, "src" )
 } )
);

```

这是配置了 alias ，可以缩短引用 组件、资源时的路径，

 

 5.要想让webstorm智能提示路径，需要修改一下tsconfig,增加一行extends，指向一个json文件

 

 json文件：

 

 其实这个json在运行时会拼到tsconfig上。为什么拆开写呢？如果不拆开写，yarn start的时候，会自动删除掉的。。

6. tsconfig 中的 experimentalDecorators:true 支持 @ 装饰器写法