在使用webpack
工具开发时, 经常会使用别名来方便管理模块的引入, 这时候需要做一些配置来让ide能够提示对应的路径.
以vscode为主
// tsconfig.json
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
}
}
以上配置只会提示出js文件, 如果要智能提示出图片等资源, 可以使用path-intellisense
插件
// settings.json
{
"path-intellisense.mappings": {
"@": "${workspaceRoot}/src"
}
}
也是可以使用Path Autocomplete
来做