前端面试——打包工具

https://www.cnblogs.com/goloving/p/8511861.html

1.什么是打包工具，为什么用打包工具？

       它是一种将前端代码进行转换，压缩以及合并等操作的程序工具。目前常见的有grunt，webpack等。

      web前端打包工具，它能将我们前端人员写得less,sass等编译成css.将多个js文件合并压缩成一个js文件。它的作用就是通过将代码编译、压缩，合并等操作，来减少代码体积，减少网络请求，以及方便在服务器上运行。目前，会使用web前端打包工具是现代前端人员必备技能。打包工具在前端单页面中使用的比较多。

 

2.简单介绍一下webpack？

      webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这些事情，这块我们后续会提到。

 

3.webpack和grunt/gulp的区别?

　　其实Webpack和另外两个并没有太多的可比性，Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack在很多场景下可以替代Gulp/Grunt类的工具。

• Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，工具之后可以自动替你完成这些任务。
• Webpack的工作方式是：把你的项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个（或多个）浏览器可识别的JavaScript文件。
• 如果实在要把二者进行比较，Webpack的处理速度更快更直接，能打包更多不同类型的文件。