什么是webpack

模块打包机， 分析你的项目结构，找到Javascript模块以及其他一些浏览器不能直接运行的扩展语言，
（Scss Less TypeScript等）并将其转换和打包为合适的格式供浏览器使用。

scss less 都是css预编译器，都是一门css预处理语言，都扩展了css变量，增加了函数，变量等特性，使css更容易维护。

打包顺序，从引入的主JS文件开始，将其依赖的JS文件，以及依赖的JS文件又依赖的JS文件进行打包，生成一个bound.js文件(文件名可以在配置文件中设置)。HTML文件引入bound.js就可以直接在浏览器运行，不需要什么node环境。

注意：

  这里的不需要node环境是打包之后不需要node环境，打包之前，因为要引入webpack，所以会使用npm进行管

理，而npm又是部署在node环境下的，因此是在node环境打包成功之后，把所有需要的文件打包成一个文件，同时

相应的环境也打包进去，这时才不需要node环境，这也体现了node就是用后台语言写前台代码。

特点

模块化 打包

1. 将sassless等预编译的 css语言转化为浏览器识别的css文件。
2. 能够将多个预编译文件打包成一个文件。
3. 打包image styles assetsscripts 等前端常用的文件。
4. 搭建开发环境开启服务器。
5. 监视文件改动，热部署。
6. 将单个文件组件(*.vue)类型的文件，转化为浏览器识别的内容。