Webpack 一个前端工具,可以对 js/jsx/coffee/less/sass/图片等资源模块进行加载,预处理,再进行打包。
优点如下:
- 以 commonJS 的形式来书写,支持 AMD/CMD ,方便项目迁移。
- 各资源被模块化。
- 替代部分 grunt/gulp 的工作,比如打包、压缩混淆、图片转 base64 等。
- 支持很多模块加载器的调用,可以使模块加载器灵活定制,比如 babel-loader 加载器,该加载器能使我们使用 ES6 的语法来编写代码。
- 可以通过配置打包成多个文件,有效的利用浏览器的缓存功能提升性能。
- 使用模块加载器,可以支持 sass,less 等处理器进行打包且支持静态资源样式及图片进行打包。
- 在内存中完成打包,性能更快。
Webpack 将项目中用到的一切静态资源都视之为模块,模块之间可以互相依赖。Webpack 对它们进行统一的管理以及打包发布。