webpack的基本使用--十分详细，因为自己也是踩坑过来的和copy文章不同

webpack是干什么的，然后现在的一些前端规范，比如面试经常提到的commonjs和es6规范
附上链接
commonjs规范
es6规范

了解完以上内容后，我们来讲讲webpack的使用

首先webpack是有一个运行环境的，为node.js。然后webpack有全局安装和本地安装，它又和后面的webpack配置相联系，之后再讲。现在我们从最开始的文件说起，注意这里使用的是commonjs规范
这里我们先建立了两个普通的js文件，mathutil.js文件为导出文件，main.js文件为导入文件。
没看规范的同学这里就看不懂了，建议去看哦
我们接着讲
然后我们通过webpack工具对这两个文件进行打包处理命令为webpack 导出文件路径 -o 导入文件路径 这里注意低版本的webpack工具去掉-o哦（这是一个值得注意的点）

这里生成了一个bundle.js文件，然后在index.html里引用该文件就可以了

接下来我们讲一下webpack的配置

当文件很多时，我们不可能一条条命令的去巧的，所有要使用到webpack的配置。输入命令npm init，然后会在文件夹中生成一个json文件（package.json配置信息文件)
回到webpack文件，这里需要动态获取文件
这里是固定写法，也是绝对路径，这里的知识点为node里的知识点。

同时这里会写一个命令为npm install，这个命令又是npm命令的知识点，这个命令意识就是如果package.json文件如果依赖什么东西就会安装相关模块，就比如在github上下载开源项目时一般都需要执行这个命令。这个命令会产生一个package-lock.json文件。

接下来说一下开发依赖和运行时依赖

很多时候项目用的版本和全局的版本是不同的，所有要使用和项目版本一样的版本开发，但是在终端的webpack命令只会执行全局版本，怎么办呢？

所以它来了脚本
在这里，如果执行webpack将会优先寻找本地版本，然后再是全局的。其实很多知识点要连贯起来才是一个项目，本来在学vue的，但是需要模块的知识就牵扯到了webpack上，然后又牵扯到规范的问题上，又和npm命令联系起来了，这就是项目。