webpack系列译文（1）

翻译的目的：之所以想到翻译，是因为公司需要用webpack构建，另外一点就是希望练习自己的英文水平，反正我觉得意义很大。因为本人英语水平有限，翻译有不当之处，可以在评论处加以指正，谢谢大家。

原文链接：
http://webpack.github.io/docs/what-is-webpack.html
译文是：

what  is  webpack？



 我的翻译是：

现在打包工具这么多，为何要选择另一个打包工具？

当下的打包工具都不太适应于大型项目。webpack最紧要解决的问题是模块化开发和静态资源处理。虽然我尝试着将现有的很多打包工具做扩展，但是都达不到我想要的效果。

目标

把依赖树拆分成块加载的需求

保持初始加载时间低

每一个静态的资产应该是一个模块

把第三方图书馆作为模块的能力

自定义的模块式的几乎每一个部分的能力

适合大项目

为何webpack会不同

代码分离：

WebPACK在依赖树有两种类型的依赖关系：同步和异步。异步依赖作为分割点，形成一个新的块。在优化了块树后，每一块都有一个文件被释放。

Loader：

Loader是可以用于作用其他的静态资源，并每个资源形成一个模块

聪明的解析方式：

webpack可以调用任意第三方库，甚至还可以这么引用require("./templates/" + name + ".jade")，实现了其他第三方模块库的大量功能。

webpack插件：

webpack具有一个非常强大的插件库，而且你可以自定义插件或者配置你所需要的插件进行使用。

如何安装

先安装nodejs

nodejs会自带一个叫做npm的包管理工具

webpack

webpack就需要通过npm来安装：

$ npm install webpack -g

这样的话，webpack的全局命令就可以实现了

如何把webpack用于项目中呢？

最好在本地有一个webpack的依赖，这样的话你可以选择一个项目的webpack版本而且不需要使用全局的webpack来执行。

通过npm添加一个叫做package.json的配置文件：

$ npm init

这些问题的答案都不那么重要，如果你不想发布项目管理。

安装和添加webpack的时候带上：

$ npm install webpack --save-dev

版本

目前有两种版本WebPACK。稳定和测试版。该测试版在版本字符串中有一个测试版本。测试版可能的变更或实验的功能。看到更新的差异。对于严肃的东西，你应该使用稳定的版本：

$ npm install webpack@1.2.x --save-dev

如果需要webpack开发工具，请单独安装：

$ npm install webpack-dev-server --save-dev

使用