让IDE识别webpack的别名alias

很多项目脚手架默认都会在src目录下加一个@alias。实际导入到项目中时，虽然可以简化路径，但也带来了一个很麻烦的问题：IDE无法识别这些别名，导致无法自动补全路径，无法识别引用资源的输出，不必要的警告等无意中在vscode的web项目中发现了一个jsconfig.json文件，如：{"compilerOptions":{"baseUrl":".","paths":{"@/*":["src/*"]},"target":"ES6","module":"commonjs","allowSyntheticDefaultImports":true},"include":["src/**/*"],"exclude":["node_modules"]}只要有这个文件，vscode就可以正常识别别名。后来发现JetBrains的IDE更简单，指定配置即可：在项目设置的webpack选项卡中，将配置文件指向/node_modules/@vue/cli-service/webpack.config.js。保存后重新打开项目，不仅是src，utils等所有别名都可以正常识别。其实这个在vue-cli3的文档中已经写过了，只是原文表达的不直观，一直忽略。