SPA技术流行后,js的复杂程度增加,需要许许多多的依赖包,还需要编译scss,Less,ES6等,所以需要webpack的辅助。尤其是现在主流的三个前端框架,可以说和webpack已经紧密相连,框架官方都推出了和自身框架依赖的webpack构建工具。
- React.js+WebPack
- Vue.js+WebPack
- AngluarJS+WebPack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Sass,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。在3.0出现后,Webpack还肩负起了优化项目的责任。