请教各位,使用IDE对vue项目中webpack配置的alias目录进行定位

在IDE中,例如webstrom,进行Vue项目的开发。在webpack配置了alias,将src目录设置为@。
但是在*.vue中import其他组件使用了@符号,编译器就无法直接获得路径,使用../这样才可以,能否有人可以
解决这个问题呢?

https://img4.mukewang.com/5c6cf71400015c4b08000146.jpg

holdtom
浏览 930回答 2
2回答

饮歌长啸

借助path即可const path = require('path');module.exports = function(options){    var rootPath = options.rootPath;    return {        alias: {            @: path.join(rootPath, "src")        }    }}

慕的地6264312

{  "compilerOptions": {    "baseUrl": "./",  // all paths are relative to the baseUrl    "paths": {        "@/*" : ["src/*"]       }  }}解决项目使用了webpack的alias路径引入情况下,vscode不支持代码跳转:项目根目录新建 jsconfig.json,内容如上; vscode就可以支持command|ctrl代码跳转了参考链接:链接描述
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript