webpack入门（一）

一、webpack简介

webpack是一种前端构建器，一个静态模块资源打包器。

对于webpack而言所有的前端资源（js,less,css,img）等都会视为模块进行处理

二、webpack的处理过程

webpack会从设置的入口文件开始，将资源的依赖关系进行静态分析，形成依赖关系树状结构图。

根据这个树状图去将资源引入，形成chunk块。

再根据配置处理chunk中的js和如less的预处理器，最终输出bundle

三、webpack的五个核心概念

1.entry入口

指示webpack以那个文件为入口开始打包

2.output

指示打包后的资源的bundle输出到哪里

3.loader

处理非js的文件

4.plugins

执行更广的任务，例如打包优化，压缩定义环境中的变量等。

5.mode

指示webpak使用相应的模式配置