vue import文件时@用法详解以及使用@后支持文件快速定位

如图所示，引入PropsDemo.vue组件的时候，可以使用下列两种方法，而没有使用./或者../这种相对路径的写法

import PropsDemo from  '@/components/common/test/PropsDemo'
import PropsDemo from  '@testCp/PropsDemo'

具体实现方法：找到webpack.base.conf.js配置文件

'@': resolve('src'), 
// 这里就是别名了,比如@就代表直接从/src 下开始找起!!!
'@testCp': resolve('src/components/common/test'), 
// @testCp就代表从/src/components/common/test路径下开始查找文件

其他路径根据需要自行配置即可

使用@引入文件后支持快速定位方法，在webPack下配置文件选择webpack.base.conf.js