1.什么是webpack
在我自己的解释，它就是一个打包的工具，能将各种浏览器不能直接运行的语言，转化成能用的语言。比如less，scss，typescript 等等。它也是目前主流几个框架的运行的基础。不说还有其他像webpack这样的工具，比如Grunt，Gulp。
2.它们有什么区别？
Grunt和Gulp是一种优化前段开发流程的工具，在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体操作后，这两个工具就会自动替你完成这些操作。
Webpack是一种模块化的解决方案，把你的项目当成一个整体，通过给定的一个主文件，例如 index.js。她会从这个主文件中找到你的项目的所有依赖文件，然后使用loader处理他们，最后打包成一个或者多个浏览器可以识别的javascript文件。
总结：Webpack的处理速度更快更直接，能够打包更多不同类型的文件。
一 ：目录结构
image.png
dist 是打包之后的文件目录结构，也就是当我们运行打包的命令之后，会在项目的根目录生成一个名叫dist的文件夹。
src 是打包之前项目目录结构，我们的代码都在这里。
二： 四个个比较 重要的文件，平时在写代码的时候经常要去配置它们。
image.png
网友评论