第三十九题：Webpack的优缺点

[Ray-56]

Webpack的优缺点

[MMmaXingXing]

介绍

Webpack是一套模块化的前端解决方案,顾名思义 web pack。可以看作是模块打包机，它做的事情有，分析你的项目结构，找到一些Javascript的代码和一些浏览器不能执行的如TypeScript、Sass等代码，转换并打包为合适的格式。也可以使用一些插件，优化你的代码开发效率，比如热更新等。

优点

• 模块化打包
  将css，js, ts, sass等统一转换为浏览器可以识别的模式，并按需（压缩或不压缩）打包。

• webpack-plugin
  webpack-plugin是用来扩展webpack功能的插件，用来扩展webpack功能，并在整个构建过程中生效，执行相关任务。

• 按需加载
  代码中不需要的模块不被打进包里，或者按需加载。这是传统的流程构建工具，如Gulp、Grunt等所没办法实现的。

缺点

• 传统技术开发的复杂项目不适用
  一些比如jquery，requirejs，seajs等脚本模块化开发的复杂项目项目，由于打包需求不稳定，webpack维护成本极高。

• 侵入性较强
  使用webpack的项目，某些高级语法特性需要依赖独特语法实现，在一定程度上属于面向webpack开发，需要一定的学习成本。

• 兼容性问题
  兼容性方面，webpack一向是面对最新标准，自身的很多特性需要polyfill才能向下兼容，甚至有些特性最新浏览器还没有原生兼容，在做开发时候需要注意。