webpack环境下包的引入机制

1.例如下面的两种包的引入

//在webpack环境下的vue-router包的安装 npm install vue-router --save
//导入如下
import router from 'vue-router'
const path=require('path')
//import是es5的模块引入规范
//require是commonjs的模块引入规范

2.看到上面引入包的时候就加入一点代码是不是很爽，那它是怎么拿到包里面的内容呢

3.拿包vue-router来说首先会在项目目录下的查找node_modules文件夹然后在该文件夹下查找对应的vue-router文件夹，在该文件夹下查找是否存在packjson.js文件，如果有则在该文件查找是否存在就会先找module字段，然后在该字段查找文件对应的路径，查找到结束位置，如果没有查找到则从mian字段查找对应文件的路径，查到结束为止，如果mian字段都没有，就查找router文件夹下的index.js文件，查找到结束，如果没有index.js文件则抛出异常。

4.如果node_modules文件夹没有packjosn.js文件，则直接在vue-router文件夹中查找index.js文件，如果没有则抛出异常

5.package.json文件中的module对应的模块为es模块，而main对应的为commonjs模块，es5默认优先读取module字段,然后到mian字段