接触前端不深 学习中遇到这个问题 记录一下
创建一个名为 jsconfig.json 的文件 内容为以下
{ "compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}},"exclude": ["node_modules", "dist"]
}
然后就可以Ctrl定位啦
jsconfig.json
的作用
-
配置模块解析:
jsconfig.json
文件是专门为 JavaScript 项目设计的配置文件,用于配置项目的模块解析选项。它类似于 TypeScript 项目的tsconfig.json
。- 通过在
jsconfig.json
中配置baseUrl
和paths
,你告诉编辑器和工具在解析模块时如何处理路径别名。
-
baseUrl
和paths
:baseUrl
设置模块解析的基本目录。在你的例子中,设置为"./"
,表示项目的根目录。paths
允许你定义路径别名。在你的配置中,"@/*": ["src/*"]
表示任何以@/
开头的导入路径都应该解析为src/
目录下的相应路径。
为什么它能解决问题
-
编辑器支持:
- WebStorm 和其他现代编辑器会自动读取
jsconfig.json
(或tsconfig.json
)以了解项目的模块解析配置。 - 通过配置这个文件,编辑器知道如何解析
@
别名,从而提供正确的代码补全、导航和错误检查。
- WebStorm 和其他现代编辑器会自动读取
-
一致性:
- 使用
jsconfig.json
确保项目的路径别名配置在开发环境(编辑器)和构建工具(如 Webpack)之间的一致性。这样,开发者在编辑器中看到的与构建时的行为是一致的。
- 使用
-
排除无关目录:
exclude
选项用于排除不需要的目录(如node_modules
和dist
),从而提高编辑器的性能和准确性。
网上说要配置webpack 但我配了也没用 不知道为什么 只有添加该文件才有用 求大佬解释~