webpack配置的别名路径,在VSCode开发工具中,无法通过按住Ctrl+单击鼠标左键的方式查看源文件或者通过import 导出的方法定义,影响了编码效率,其实这个问题不难解决,在项目根目录下添加一个jsconfig.json的配置文件,就可以了。先看看效果
jsconfig.json配置文件内容如下:
{ "compilerOptions": { "emitDecoratorMetadata": true, "experimentalDecorators": true, "baseUrl": ".", "jsx": "react", "paths": { "@src/*": ["./src/*"] } }, "exclude": ["node_modules", "dist"] }
踩过的坑
重点是"paths": { "@src/*": ["./src/*"]}这一句, 如果配置的太具体,如这样写 { "@src/utils": ["./src/utils"]},会导致src/utils/index.js无法跳转