webpack grunt 的区别

webpack  grunt 的区别

webpack、grunt都是前端打包的工具：

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

实在要把二者进行比较，Webpack的处理速度更快更直接，能打包更多不同类型的文件

 

webpack 

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

webpack 的工作方式是：  把你的项目当做一个整体，通过一个指定的主文件名（index.js, 一般是入口文件），webpack   将从这个文件开始找到你的项目所依赖的文件，使 用loaders 来处理它们，最后打包为一个浏览器可识别的js 文件。

https://webpack.docschina.org/（webpack官网）点击打开链接

https://segmentfault.com/a/1190000006178770 （入门这篇就够了）点击打开链接

 

grunt 

  grunt的工作方式是：在一个配置文件中，指明对某些文件进行压缩、组合、检查等任务的具体步骤，然后在运行中输入相应的命令。

（grunt 详细使用）https://blog.csdn.net/sinat_38992528/article/details/79400595（入门这篇就够了）点击打开链接