让IDE识别webpack的别名alias的实现方法


Posted in Javascript onMay 06, 2020

许多项目脚手架默认就会把src目录添加一个@别名,项目中实际引入时,虽然可以精简路径,但也带来一个很麻烦的问题:
IDE无法识别这些别名,因此导致无法自动完成路径、无法识别引用资源的输出、出现不必要的告警等情况。

偶然发现vscode的web项目里有一个jsconfig.json文件,如:

{
 "compilerOptions": {
  "baseUrl": ".",
  "paths": {
   "@/*": ["src/*"]
  },
  "target": "ES6",
  "module": "commonjs",
  "allowSyntheticDefaultImports": true
 },
 "include": ["src/**/*"],
 "exclude": ["node_modules"]
}

只要有这个文件,vscode就可以正常识别出别名了。

后来发现JetBrains家的IDE更简单,配置指定一下就行:

让IDE识别webpack的别名alias的实现方法

在项目设置的webpack标签页里,将配置文件指向<projectRoot>/node_modules/@vue/cli-service/webpack.config.js即可。

保存并重新打开项目以后,不只src,所有的别名比如utils等等都可以被正常识别。

其实这都已经写在vue-cli3的文档里了,只是原始表述不太直观,被我一直忽略了。

到此这篇关于让IDE识别webpack的别名alias的实现方法的文章就介绍到这了,更多相关ide webpack alias别名内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Web层改进II-用xmlhttp 无声息提交复杂表单
Jan 22 Javascript
无缝滚动改进版支持上下左右滚动(封装成函数)
Dec 04 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
javascript 使用 NodeList需要注意的问题
Mar 04 Javascript
固定背景实现的背景滚动特效示例分享
May 19 Javascript
jQuery function的正确书写方法
Aug 02 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
Feb 21 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue 路由切换时页面内容没有重新加载的解决方法
Sep 01 Javascript
Vue.js实现大屏数字滚动翻转效果
Nov 29 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 #Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 #Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 #Javascript
JavaScript布尔运算符原理使用解析
May 06 #Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 #Javascript
Vue 的双向绑定原理与用法揭秘
May 06 #Javascript
微信小程序中使用 async/await的方法实例分析
May 06 #Javascript
You might like
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
PHP结合Ueditor并修改图片上传路径
2016/10/16 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
javascript 禁止复制网页
2009/06/11 Javascript
JavaScript Event学习第九章 鼠标事件
2010/02/08 Javascript
jquery实现图片裁剪思路及实现
2013/08/16 Javascript
jQuery移除元素自动解绑事件实现思路及代码
2014/05/31 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
AngularJS实现数据列表的增加、删除和上移下移等功能实例
2016/09/05 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
Vue+Element使用富文本编辑器的示例代码
2017/08/14 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
gulp安装以及打包合并的方法教程
2017/11/19 Javascript
jQuery第一次运行页面默认触发点击事件的实例
2018/01/10 jQuery
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
2018/08/25 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
React倒计时功能实现代码——解耦通用
2020/09/18 Javascript
[33:28]完美世界DOTA2联赛PWL S3 PXG vs GXR 第三场 12.19
2020/12/24 DOTA
python用来获得图片exif信息的库实例分析
2015/03/16 Python
Python当中的array数组对象实例详解
2019/06/12 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
python使用openpyxl操作excel的方法步骤
2020/05/28 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
大学毕业生通用自我评价
2014/01/05 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
商场周年庆活动方案
2014/08/19 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android