09 webpack的介绍

webpack干嘛的？：

 模块打包机，分析目录结构，找到js模块（包括浏览器不能直接识别的代码 typscript sass...）,打包成合适的格式供浏览器访问

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了，其他都是细枝末节了

模块打包 构建（项目）

打包的优势（webpack的优势）：

1 、模块化，拆分了业务复杂的js代码--》细小的文件
    2、 js拓展---》 基于原型面向对象---》基于class（typescript , es6）-->浏览器识别

webpack与gulp的区别：

1、webpack支持模块化，建有优化的流程。

2、webpack具有缓存机制。

webpack的工作原理

简单的说就是分析代码，找到“require”、“exports”、“define”等关键词，并替换成对应模块的引用。

在一个配置文件中，指明对某些文件进行编译、压缩、组合等任务。把你的项目当成一个整体，通过一个给定的主文件（index.js），webpack将从这个文件开始找到你的项目的所有的依赖文件，使用loaders处理他们，最后打包为一个浏览器可以识别的js文件。

webpack安装

npm install webpack