import-from

1.import-from可以导入什么文件？

通过import ... from ...导入时，from后的来源可以是js，vue，json，这个是在webpack.base.conf.js中extensions设置的，该属性值默认是js、vue、json；

注意：

1.js和vue是可以省略后缀的；

2.json不可以省略后缀；

3.当.vue与.js同时存在于同一个文件夹下，则import的导入优先级是：js > vue；

2.当from后面是文件夹时

第一步：查看该文件夹下面是否存在package.json文件；

              如果存在该json文件则进一步查看该文件是否配置了main属性；

              如果配置了main属性，则查看该属性指定的js文件是否存在，若存在该js文件，则加载该js文件；

第二步：第一步走不通，则直接加载index.js文件；

第三步：如果没有index.js文件，最后去加载index.vue文件；

3.import-from中的@

在build/webpack.base.conf.js中对@进行了配置，在resolve.alias中，@代表的是resovle(‘src’)，即@代表了src目录