js模块间引用的一处疑惑

Question

本人小白，最近在学习 vue-router，看源码的时候加了些输出语句如下所示。index.js 和 install.js 在同一个目录下，index.js 中引用 install.js。//index.jsconsole.log('index line 2');import { install } from './install'console.log('index line 4');//install.jsconsole.log('install line 3');//略console.log('install line 56');按照我的理解，应该是最先打印index line 2，然后打印install line 3，install line 56，最后打印index line 4。但是在浏览器里执行，结果如下所示。搞不懂

Answer 1

import命令具有提升效果，会提升到整个模块的头部

Answer 2

为了支持ES6的模块导入, webpck 自己有一套 import/export 机制, 你遇到的这种问题,应该是 webpack 的模块加载机制引发的