webpack快速入门（一）：安装

webpack入门系列，从安装到使用再到放弃。。。。全套的哟，呵呵

首先说明，我是一个后端开发，好几年没碰过前端了，想当年写前端的时候jq还是主流，那时的前端还单纯的像个处女一样，哪有什么构建工具、依赖管理、双向绑定什么的（起码我不知道。哈哈）

后来一直专注后端，没再接触前端，直到前段时间换公司，那公司用vue+webpack+node来作前端项目，我才知道现在的前端已经发展成了这样。（当时还是和前端的负责人说，我可以写点前端），

后来人家给我开了权限之后，一看又是配置，又是编译，又是打包，又是依赖的，我表示很无辜，这脸打的啪啪响。一脸懵逼+生无可恋，完全不知道怎么下手，而且当时问了一个自己都感觉很

白痴的问题：这个前端项目怎么启动？（我当时真的不知道）。后来就放弃了，又去专注后端去了，NO ZUO NO DIE。正好最近有点时间，学习一下，也作个记录，不能再这么丢人了。

正题：

　　webpack是什么？它是一个打包工具，前端的打包工具，在它之前也有过不少的前端打包工具，但是自从webpack出来后，基本大家都在用webpack了。据说原因如下：

　　早期的其他打包工具，无法解析项目使用到的具体依赖关系，只能依赖于配置规则来打包，这样的话，只要规则匹配不管你项目有没有真正使用，都会给你打包进去，导致打包结果比较大。

　　同时又打包了很多无用的依赖，如果想干掉无用的依赖，还是要人肉检索。。。但是webpack却解决了这个问题，还是据说（官网描述）它会解析你的文件生成一个依赖图，

　　从而只对使用到的依赖作打包。这个还是很牛逼的。

安装：

　　webpack的安装运行基本是依赖于node的，所以要玩webpack，要实现前端的现代化先得安装nodejs，不说node怎么装了，windows就是一路next，linux也不难

　　安装是通过node的npm来进行的，分两种安装方式：

　　本地安装：

npm install --save-dev webpack
npm install --save-dev webpack@<version>

　　全局安装：

npm install --global webpack

官网推荐本地安装，两种方式我说一下个人理解，本地安装是针对当前项目的，安装的依赖包只对当前项目生效，好处显而易见，如果你想换某个依赖版本，升级、降级

都在当前项目操作，不会影响全局。坏处嘛，也是显而易见的，每个项目都需要下载安装依赖包，即使两个项目的依赖一毛一样也是不行滴。

全局安装的好处和坏处和本地安装恰恰相反，不多说了。都是我自己的理解，各位仁者见仁智者见智

下一篇：使用入门