Intellij&WebStorm进行Vue@cli3开发时文件跳转

最新推荐文章于 2024-11-01 14:21:52 发布

weixin_34367257

最新推荐文章于 2024-11-01 14:21:52 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 开发工具 webpack ViewUI

原文链接：https://juejin.im/post/5cbd93736fb9a03214376060

本文介绍了解决在使用Intellij或WebStorm进行Vue@cli3开发时，因使用别名@导致的无法跳转到指定文件的问题。通过创建一个额外的webpack配置文件，使IDE能正确解析并跳转到src目录下引用的模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用Intellij或者WebStorm进行Vue@cli3开发时，由于我们使用了别名@造成Intellij无法跳转到指定文件。@代表src

如：
import { toLogin } from "@/router/router"
复制代码

解决如下：

别名是webpack处理的，但是cli3中没有webpack配置文件，Intellij中要实现跳转需要新建一个webpack配置文件（只用来告诉Intellij如何跳转，无实际作用）新建alias.config.js(名称随便起)

如果还有其他别名，一一配置即可，不建议定义太多别名，搞得自己都不记得。

/*此文件未使用，只是为了让idea可以识别实际位置*/
const path = require("path");

function resolve (dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  resolve: {
    alias: {
      "@": resolve("src"),
    },
  },
};
复制代码