利用IDEA开发vue项目过程中 import相对路径一直有下划线提示
非常不爽,查询相关资料发现
IDEA 默认无法识别 Webpack 的 alias,需要配置一下。IDEA 的话在 Settings > Languages & Frameworks > JavaScript > Webpack 里,把 webpack.base.conf.js 的路径填进去就行。
@ 符号
图中有@符号,好奇查了下,原来是@是webpack设置的路径别名,一般在build/webpack.base.conf.js这个文件里面定义。
vue项目中默认定义了@(最常用)和vue$两个别名,如果需要,可以自己添加。
resolve方法在该文件中定义
查询path.join作用
那这里resolve方法的作用就很明显了,即统一为webpack.base.conf.js这里的方法提供项目根目录起始路径且适配不同系统。