Vue篇——深入学习Webpack打包工具

一、Webpack作用
是一款模块加载器兼容打包工具，它能把各种资源都作为模块来处理(会把我们所有写的js都打包成一个js文件)和使用，另外现在大多数的编程都面向ES6而浏览器现在只支持ES5，所以就需要用到Webpack打包降级到ES5部署在浏览器上

二、安装
npm install webpack -g
npm install webpack-cli -g

三、测试是否安装成功
webpack -v
webpack-cli -v

四、使用webpack的方法
1、写一个hello.js，内含暴露的方法

2、接收这个方法，一般都写一个main.js，作为主入口，直接接收这个js，require中的参数写hello，这样这个hello.js方法中的所有的function都可以被调用

3、建立一个webpack.config.js

4、在terminal中输入webpack命令，打包文件

5、打包成功，生成webpack.config.js中设置的filename的js文件，里面包含了我们自己写的js代码，打包压缩成一个文件，并且将规范降低成ES5

6、当我们将所有的js文件打包成一个bundle.js文件后，我们就可以直接在前端通过src，将最后生成的总的js文件导入即可

7、它的优势在于，我们输入一次webpack打包命令，后续我们再对js进行修改，程序会对我们的代码进行动态监听，如果代码有改动，立即会重新打包，这就叫做热部署！！！！！！