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

2019-12-10 15:00:04 +08:00
 lpbname777

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

3516 次点击
所在节点    JavaScript
5 条回复
Leszeu
2019-12-10 15:13:54 +08:00
1OF7G
2019-12-10 15:27:54 +08:00
试一下项目 jsconfig 的配置,webstorm 应该能支持。

https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases
lpbname777
2019-12-10 15:42:55 +08:00
编译是可以编译通过的,但是写的时候没有提示~
习惯了 js 文件的提示,一旦没有提示还有点难受
MinonHeart
2019-12-10 20:36:32 +08:00
tsconfig 的 path 设置一下
lpbname777
2019-12-10 20:42:04 +08:00
@MinonHeart #4 嗯呢 刚刚解决了,是因为我写的 tsconfig 里的 paths 写的有问题
```

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

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/627633

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX