使用es6中import引入模块的时候的问题

Question

使用import引入一个模块，如何确切知道它引入的是哪个文件。

Answer 1

如果引用相对路径，则直接寻找这个相对路径文件 export 出来的内容。

如果是绝对路径，则会依次寻找 node_modules 对应的地方。

如果路径最终是一个文件夹，则会首先观察文件夹下是否有 package.json ,如果有 package.json 则会去加载 main 字段指向的文件，如果没有 package.json ，则会在这个文件夹下寻找 index 文件并加载。

用官网的一张图表示：

Answer 2

import 导入的一个模块。如果是具体的文件。比如:

import 'element-ui/button.js'

这样的就是直接导入node_modules下面的。
再比如:

import 'element-ui'

对应就是node_modules下面的element-ui下的index.js

再比如:

import '../lib/jquery'

导入的就是相对路径.lib下面的jquery/index.js