在IDE中,例如webstrom,进行Vue项目的开发。在webpack配置了alias,将src目录设置为@。
但是在*.vue中import其他组件使用了@符号,编译器就无法直接获得路径,使用../这样才可以,能否有人可以
解决这个问题呢?
在IDE中,例如webstrom,进行Vue项目的开发。在webpack配置了alias,将src目录设置为@。
但是在*.vue中import其他组件使用了@符号,编译器就无法直接获得路径,使用../这样才可以,能否有人可以
解决这个问题呢?
{
"compilerOptions": {
"baseUrl": "./", // all paths are relative to the baseUrl
"paths": {
"@/*" : ["src/*"]
}
}
}
解决项目使用了webpack的alias路径引入情况下,vscode不支持代码跳转:
项目根目录新建 jsconfig.json,内容如上;
vscode就可以支持command|ctrl代码跳转了
参考链接:链接描述
方案一(推荐):
根目录增加webStorm.config.js
System.config({
'paths': {
'@/*': './src/*'
}
})
参考:https://stackoverflow.com/a/59369029
方案二:
webStorm配置:Settings > Languages & Frameworks > Javascript > Webpack
填入/你的项目目录/build/webpack.base.conf.js
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
借助
path
即可