请教大家一个问题： webstorm 中如何配置才能使它识别 webpack alias 呢

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

This topic created in 2346 days ago, the information mentioned may be changed or developed.

根据网上的教程设置了 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 不可以。有谁遇到过或者有兴趣研究一下吗？

5 replies 2019-12-10 20:42:04 +08:00

Leszeu

Dec 10, 2019

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

1OF7G

Dec 10, 2019

试一下项目 jsconfig 的配置，webstorm 应该能支持。

https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases

lpbname777

Dec 10, 2019

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

MinonHeart

Dec 10, 2019 via iPhone

tsconfig 的 path 设置一下

lpbname777

Dec 10, 2019

@MinonHeart #4 嗯呢刚刚解决了，是因为我写的 tsconfig 里的 paths 写的有问题
```

"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}

```
这样写就没问题了。之前写 baseUrl 直接是 src，可能导致 webstorm 不能识别路径了（但是可以编译过，只是没有路径快捷提示了）。