webpack 入门

为什么需要打包工具

开发时的框架语法，ES6，less等都必须编译后才能运行，除此之外，打包工具还可以压缩代码，兼容处理，提升代码性能等等，学习webpack 就是在学习怎么去控制他的转换流程，Transfer转换

WebPack： 核心编译工具，是一个静态资源打包工具，会以一个或者多个文件为打包的入口，将整个项目所有文件编译组合成一个或多个文件输出出去。

**webpack-cli：**webpack的脚手架，提供一些命令更好的去操作webpack

yarn add webpack webpack-cli --save-dev  //--save-dev: 表示既是生产环境依赖又是开发环境依赖

//tips：上面官方文档上用的是--save，但是实际我们不需要在生产环境用到，安装直接 -D 就可以了

为什么要使用webpack

不用考虑以下问题了 ，并且代码压缩后的性能提高

• 一个大型的项目很难从文件中看出依赖了哪些组件库
• 如果一个依赖的顺序放错了，可能会影响项目的运行
• 对于已经安装但没有使用的依赖，会有额外的性能浪费