webpack 路径别名

利用IDEA开发vue项目过程中 import相对路径一直有下划线提示


下划线提示

非常不爽,查询相关资料发现
IDEA 默认无法识别 Webpack 的 alias,需要配置一下。IDEA 的话在 Settings > Languages & Frameworks > JavaScript > Webpack 里,把 webpack.base.conf.js 的路径填进去就行。

@ 符号

图中有@符号,好奇查了下,原来是@是webpack设置的路径别名,一般在build/webpack.base.conf.js这个文件里面定义。
vue项目中默认定义了@(最常用)和vue$两个别名,如果需要,可以自己添加。

webpack.base.conf.js

resolve方法在该文件中定义
resolve方法在该文件中定义

查询path.join作用
path.join()

那这里resolve方法的作用就很明显了,即统一为webpack.base.conf.js这里的方法提供项目根目录起始路径且适配不同系统。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容