webpack是干什么用的，以及它的优点

转载
Webpack是一个前端构建工具，可以将所有资源（包括Javascript，图像，字体和CSS等）打包后置于依赖关系中，使你可以按照需求引用依赖来使用资源。那么什么时候使用呢？如果你正在用许多非代码的静态资源（比如CSS，图像，字体等）构建一个复杂的前端应用程序，那么Webpack会给你带来很大的好处。如果你的应用程序非常小，并且你没有什么的静态资源，并且你只需要一个JS文件就足够客户端需求，那么Webpack就没有必要使用。webpack的好处：清晰简明的模块。一个稍微有点规模的应用往往有着一个复杂的资源关系网，在需要做优化的时候就会使一件非常的头疼的事情。webpack可以代替你做这个麻烦事，将复杂的多个文件打包成你希望的代码模块，引入会非常清晰，想对引入文件做点什么操作也会更容易。代码拆分来做资源异步加载。webpack打包成一个模块之后也带来一个问题，如果加载模块过于庞大，加载的速度就没法保证，所以webpack也提供了拆分代码后异步加载的方式，即先加载某个主要模块，当用到某个需要资源异步加载的模块时在对其发送请求加载，这样做在大型项目中很常见。消除对未引用资源的依赖。在复杂应用又多静态资源的情况下会减少很多无效的浪费，这会对应用的有很大提升。可以控制资源的处理方式。通过loader或者插件，我们可以对不同类型的文件引入做我们希望的操作。比如对代码压缩，uglify，图片压缩，文件处理，css预处理等等。稳定的生产部署。开发环境到生产环境的自定义配置到打包方式，通过同一套流程稳定的导出，这些都会给项目带来很大的效率提升，这对于一个大型项目来说，是至关重要的。一系列开发辅助工具。Dev-Server，HMR，这些都不用再一点点去配置，即开即用，大大提升了开发效率。总的来说，一个成熟的前端应用都会需要一套构建打包工具，随着前端的进步发展推陈出新，现在公认较为优秀的就是webpack了。