答案是:利用jsconfig.json。(目前如果alias配置的是@,貌似是指向不过去的。还未找到方法。)
jsconfig.json是什么?
一个文件目录中存在jsconfig.json文件,说明这个目录是JavaScript项目的根目录。这个文件的配置可以对你的文件所在目录下的所有js代码做出个性化支持。
这个jsconfig.json
文件说明的根目录下的文件以及可以配置的特点都是由 JavaScript language service提供的。
Tip: 如果你不用js,你就不需要担心
jsconfig.json
。
Tip:
jsconfig.json
是一个子集属于 tsconfig.json, 是TypeScript的一个配置文件。tsconfig.json
里面"allowJs"
属性为true的时候,就会走jsconfig.json
配置。
项目中用 webpack aliases
当webpack设置了aliases,为了智能提示可以正常工作,我们需要在jsconfig.json
中声明 paths
属性,可以通过匹配模式Glob Pattern来书写。
举例说明:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"ClientApp/*": ["./ClientApp/*"]
}
}
}
然后再页面中引入的时候如下
import Something from 'ClientApp/foo';
补充说明:如果引入的时候,不写扩展名,这样只能默认找到后缀名为js的文件。如果是.vue的则不可以跳转到。没有找到更好的解决办法。看了vscode的官网,里面引入.vue文件的时候,都加上了扩展名,加上扩展名对打包是很好的(节省时间)。所以建议引入的时候最好加上扩展名。那如果是维护项目,里面都没有加,这种就不好解决跳转问题了。(反正我没找到😭)
官网都加了扩展名的:
官网都加了扩展名的
网友评论