认识webpack、理解webpack与grunt、glup的核心区别01

认识webpack

什么是webpack

官方解释

At its core,webpack is a static module bundler for modern JavaScript application.
即 webpack是一个现代的JavaScript应用的静态模块打包工具

关键词：模块化、打包

从模块化和打包两个关键词来解释webpack

1、模块化

前端模块化方案：AMD、CMD、CommonJS、ES6

ES6之前：

• 开发人员进行模块化开发必须要借助其他工具；
• 在通过模块化开发完成项目之后，还需要处理模块间的各种依赖；
• 最后将其进行整合打包。

webpack模块化概念：

• webpack其中一个核心是让开发者能够进行模块化开发，并帮助处理模块间的依赖关系；
• 不仅仅是js文件，css文件、图片、jason文件等在webpack中都可以被当做模块来使用。

2. 打包

打包工具：grunt、gulp、webpack

grunt、glup打包：

• 介绍：grunt、glup是任务流工具Task Runner，核心是Task，也称为前端自动化任务管理器。
• 过程：