V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
lpbname777
V2EX  ›  JavaScript

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

  •  
  •   lpbname777 · 2019-12-10 15:00:04 +08:00 · 3268 次点击
    这是一个创建于 1570 天前的主题,其中的信息可能已经有所发展或是发生改变。

    根据网上的教程设置了 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 条回复    2019-12-10 20:42:04 +08:00
    Leszeu
        1
    Leszeu  
       2019-12-10 15:13:54 +08:00
    1OF7G
        2
    1OF7G  
       2019-12-10 15:27:54 +08:00
    试一下项目 jsconfig 的配置,webstorm 应该能支持。

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

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

    ```
    这样写就没问题了。之前写 baseUrl 直接是 src,可能导致 webstorm 不能识别路径了(但是可以编译过,只是没有路径快捷提示了)。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1273 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 23:29 · PVG 07:29 · LAX 16:29 · JFK 19:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.