根据网上的教程设置了 Language&Frameworks > Javascript > webpack，指向了一个 webpack config 文件.

const path = require('path');
module.exports = {
  entry: '', //入口文件
  output: {},
  module: {},
  resolve: {
    extensions:[".js", ".tsx"],
    alias: {
      '@': path.resolve(__dirname, 'src/'),
    },
  },
};

js 文件可以正确识别 @，tsx 不可以。有谁遇到过或者有兴趣研究一下吗？

https://www.jianshu.com/p/5d42c667ee08

试一下项目 jsconfig 的配置，webstorm 应该能支持。
https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases

编译是可以编译通过的，但是写的时候没有提示~
习惯了 js 文件的提示，一旦没有提示还有点难受

tsconfig 的 path 设置一下

嗯呢 刚刚解决了，是因为我写的 tsconfig 里的 paths 写的有问题
```
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
```
这样写就没问题了。之前写 baseUrl 直接是 src，可能导致 webstorm 不能识别路径了（但是可以编译过，只是没有路径快捷提示了）。