【译】webpack文档翻译 什么是webpack

英文原文

翻译目录传送门

转载请注明出处(sunshine-boy)

什么是webpack

webpack是一个模块绑定器
webpack获取模块以及模块的依赖，然后生成代表那些模块的静态文件。

 

为什么需要另外一个模块绑定器？
已存在的模板绑定器不适合大项目(大型单页面应用)。发展另一个模块绑定器最刻不容缓的理由是 Code splitting(代码分离) 和静态文件应该通过模块化来无缝连接

我曾尝试去扩展已存在的模块绑定器，但它不可能完全所有的目标

目标
　　·依赖树分离成chunks，当需求时进行加载
　　·保持初次加载时间少
　　·任何静态文件都应该能成为一个模块
　　·有自定义第三方库几乎任何部分的能力
　　·适应大项目

webpack如何与众不同？

Code Splitting

在依赖树中，webpack有两种依赖类型：同步和异步。异步依赖作为分离点，并且形成一个新chunk。在chunk树被优化之后，为每个chunk生成一个文件。

阅读更多有关Code Splitting。

Loaders(加载器)

原生webpack只能处理js，但是可以用loaders来把其他资源转换成js。通过这么做，任何资源都可以形成一个模块。

聪明的解析

webpack有个聪明的解析器，他可以处理几乎任何第三方库。它甚至允许依赖里存在表达式require("./templates/" + name + ".jade")。他胜任最常见的模块风格：commonJs和AMD。

阅读更多有关依赖的表达式，commonJs和AMD。

插件系统

webpack以一个丰富的插件系统为特点。绝大多数内部特性建立在插件系统上。这允许根据需求自定义你自己的webpack和发行开源的通用插件。

阅读更多有关插件。

翻译目录传送门