webpack 入门教程详细教程

webpack

中文网：https://www.webpackjs.com/

一、webpack是什么？ 4.x

webpack是一个现代javascript应用程序的静态模块打包器（module bundler）。

实际它的定义时有个模块打包工具，将前端开放中的不同的模块打包到一起，在页面引入时减少模块的加载，以模块化的形式关联个文件间的关系，所以我们可以看到在很多的脚手架工具中使用webpack打包后的项目最终只引入了一个js文件，就将所有的关联的模块文件都给引入了。

webpack简单的说一个模块打包器。

二、为什么要使用webpack？webpack能解决什么问题？

现在很多的网页都可以看做是功能丰富的应用，他们拥有着复杂的javascript代码和一大推依赖包。为了解决这个问题，前端社区涌现出了很多好的实践方法。

a:模块化 requirejs 我们可以把复杂的程序细化为小的文件。

b:scss,less等css预处理器

c:.vue文件

d: ES6语法

以上这些浏览器都不能直接识别，都需要经过额外的处理之后才能让浏览器识别，而我们手动去繁琐，webpack就可以帮我们解决这些问题。

三、webpack和grunt及gulp相比有什么特性？

grunt 和 gulp是一种能够优化前端开发流程的工具。

grunt 和 gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩的