配置路径别名,在项目vue.config.js文件中添加如下配置:
const path = require('path')
function resolve(dir) {
return path.join(__dirname, dir)
}
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@': resolve('src')
}
}
}
}
这样就可以在项目中使用别名了:
但是会有一个问题,Ctrl+鼠标左键 点击引入的login,无法跳转到login方法。
解决方法:
项目根目录新建jsconfig.json文件,配置如下:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
重启vscode即可。
版权声明:本文为weixin_55510188原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。