如何设置webpack别名alias以供IDE识别？
- 内容介绍
- 文章标签
- 相关推荐
本文共计368个文字，预计阅读时间需要2分钟。
在多数项目脚手架中，默认会将`src`目录添加一个以`@`开头的别名。在实际引入时，虽然可以简化路径，但也可能带来麻烦：IDE无法识别这些别名，导致无法自动完成路径、识别文件，甚至无法正确构建项目。
许多项目脚手架默认就会把src目录添加一个@别名，项目中实际引入时，虽然可以精简路径，但也带来一个很麻烦的问题：
IDE无法识别这些别名，因此导致无法自动完成路径、无法识别引用资源的输出、出现不必要的告警等情况。
偶然发现vscode的web项目里有一个jsconfig.json文件，如：
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules"] }
只要有这个文件，vscode就可以正常识别出别名了。
本文共计368个文字，预计阅读时间需要2分钟。
在多数项目脚手架中，默认会将`src`目录添加一个以`@`开头的别名。在实际引入时，虽然可以简化路径，但也可能带来麻烦：IDE无法识别这些别名，导致无法自动完成路径、识别文件，甚至无法正确构建项目。
许多项目脚手架默认就会把src目录添加一个@别名，项目中实际引入时，虽然可以精简路径，但也带来一个很麻烦的问题：
IDE无法识别这些别名，因此导致无法自动完成路径、无法识别引用资源的输出、出现不必要的告警等情况。
偶然发现vscode的web项目里有一个jsconfig.json文件，如：
{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclude": ["node_modules"] }
只要有这个文件，vscode就可以正常识别出别名了。