让IDE识别webpack的别名alias的实现方法
更新时间：2020年05月06日 11:15:13 作者：mirari
这篇文章主要介绍了让IDE识别webpack的别名alias的实现方法,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
许多项目脚手架默认就会把src目录添加一个@别名，项目中实际引入时，虽然可以精简路径，但也带来一个很麻烦的问题：
IDE无法识别这些别名，因此导致无法自动完成路径、无法识别引用资源的输出、出现不必要的告警等情况。
偶然发现vscode的web项目里有一个jsconfig.json文件，如：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
},
"target": "ES6",
"module": "commonjs",
"allowSyntheticDefaultImports": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
只要有这个文件，vscode就可以正常识别出别名了。
后来发现JetBrains家的IDE更简单，配置指定一下就行：
在项目设置的webpack标签页里，将配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js即可。
保存并重新打开项目以后，不只src，所有的别名比如utils等等都可以被正常识别。
其实这都已经写在vue-cli3的文档里了，只是原始表述不太直观，被我一直忽略了。
到此这篇关于让IDE识别webpack的别名alias的实现方法的文章就介绍到这了,更多相关ide webpack alias别名内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了用svg制作富有动态的tooltip的代码以及制作过程，十分的细致全面，有需要的小伙伴可以参考下。2015-07-07
下面小编就为大家带来一篇js智能获取浏览器版本UA信息的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要为大家详细介绍了JavaScript实现网页版五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
JavaScript判断表单中多选框checkbox选中个数的方法
这篇文章主要介绍了JavaScript判断表单中多选框checkbox选中个数的方法,涉及javascript针对checkbox复选框的遍历与判断技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了selenium+java中用js来完成日期的修改,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了JS前端笔试题,结合实例形式分析了javascript字符串、数组及日期操作相关技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了webpack 代码分离优化快速指北，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-05-05
Ajax不是一种新的编程语言,而是使用现有标准的新方法,下面这篇文章主要给大家介绍了关于JavaScript中前后端交互Ajax的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-03-03
闭包机制是JavaScript的重点和难点，本文希望能帮助大家轻松的学习闭包。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了Postman无法正常返回结果问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
最新评论