vue项目import导入过程详解

1.import...from...的from命令后面可以跟很多路径格式，若只给出vue，axios这样的包名，则会自动到node_modules中加载；
若给出相对路径及文件前缀，则到指定位置寻找。

import Vue from ‘vue‘;
其实最完整的写法是：

import Vue from "../node_modules/vue/dist/vue.js";
意思是：
　　因为main.js是在src文件中，所以../向前一级相对目录查找node_modules，再依次寻找后面的文件。

在vue项目某个xxx.js文件中，比如要导入另外的js文件explore出来的变量：

// src/main.js
import store from ‘./store‘

// 第一次查找
去上级目录下查找 store.js 或者 store.node 如果有就导入，结束。 

// 如果上一步没有找到
检查是否有 store 文件夹，如果没有就导入失败，抛出异常，结束。

// 如果有 store 文件夹
就在 store 文件夹下寻找 package.json 文件，如果有 package.json 则按照 package.json 的配置来导入，结束。

// 如果没有 package.json
就在 store 文件夹下寻找 index.js 或者 index.node 如果有就导入，没有就导入失败，结束。

vue项目import导入过程详解

原文：https://www.cnblogs.com/huanxiongs02/p/14828357.html