入门webpack(二）webpack概论

• github地址
• 英文文档
• 中文文档

1.webpack是什么？

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows to load parts for the application on demand. Through “loaders,” modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, … and your custom stuff.

从官网（github）上的描述能够看到webpack能够将众多模块打包成不多的的资源，将代码分割成细小的部分这样使应用程序按须要加载代码块。经过loader，webpack能够处理的模块有不少，AMD定义的模块，CommonJS，CSS，Images，SCSS等以及自定义模块。

webpack自身只能处理js文件，处理非js模块时须要经过loaders来处理。loaders是什么，后面会介绍。

从上面的介绍中，咱们能够看到webpack主要是一个前端资源加载和打包工具，在模块化开发成为主流的今天，他可以将复杂项目中的各个模块按照必定的规则打包成细小的chunk(代码块)。而且能够删除模块中没有用到的代码。

2.为何须要webpack

• 复杂的项目涉及到不少模块，若是一个模块化开发的项目不通过打包处理，应用是没法工做的，好比项目中使用CSS预处理语言SCSS编写样式，使用了AMD规范，使用了TypeScript那么浏览器是没法识别的，只有打包编译后生成的文件浏览器才能编译运行在客户端。
• 打包工具的出现使得模块化开发更加方便，打包后生成的静态资源体积更小，加载运行速度更快。
• 使代码能够按须要加载

3.怎么作

你须要学习webpack，了解掌握并熟练！