为何要用webpack！

为何要用webpack？

 

现今的不少网页其实能够看作是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。

模块化，让咱们能够把复杂的程序细化为小的文件;

 

相似于TypeScript这种在JavaScript基础上拓展的开发语言：使咱们可以实现目前版本的JavaScript不能直接使用的特性，而且以后还能转换为JavaScript文件使浏览器能够识别；

Scss，less等CSS预处理器；

 

这些改进确实大大提升了开发的效率，可是利用他们开发的文件每每须要额外的处理才能被浏览器识别，而手动处理又是很是繁琐的，这就为webpack这些工具的出现提供了需求。

 

webpack是模块打包器，他能够分析你的项目结构，找到JavaScript模块以及其余一些不能被浏览器直接识别的文件，好比typescript、less、scss等，而后把他们转换和打包为合适的格式供浏览器使用。

 

webpack和grunt/Gulp工做方式的区别：

 

grunt和Gulp的工做方式是：在一个配置文件中，指明对某些文件进行相似编译、组合、压缩等任务的具体步骤，工具以后能够自动替你完成这些任务

 

webpack的工做方式是：把你的项目当成一个总体，经过一个给定的主文件index.js，webpack将从这个文件找到项目的全部依赖文件，使用loader处理他们，最后打包为一个或多个浏览器能够识别的JavaScript文件

 

webpack、gulp/grunt、npm打包方面有什么区别：

 

1.webpack是模块打包器，把全部模块打包成一个或少许文件，使你只须要加载少许文件便可以运行应用

 

2.gulp/grunt是自动化构建工具，没法打包模块，插件比webpack丰富

 

3.npm是node的包管理器，用于管理node的第三方软件包，npm最大的优点是任务命令，只须要几个任务命令足以完成你的模块打包和自动化构建的全部需求。