前端構建工具是什么？

構建工具的本質是為了簡化開發難度，使開發更具有靈動性，節約開發時間 前端開發核心是 html、css、js。

前端構建工具有webpack、gulp、grund等。

前端開發目前的趨勢是模塊/組件化開發。那么問題來了，假如我們想要組件開發的話，勢必需要分割不同的文件，如果引入的資源文件過多的話，勢必會影響加載性能。通常我們寫css的時候，我們會加入瀏覽器兼容代碼，當然也有可能有遺漏，有的時候就會造成適配問題或其他的各種問題...

這時候我們的構建工具就可以起作用了，構建工具可以處理靜態資源。比如壓縮代碼、合并代碼、美化代碼，同時也可以壓縮一些圖片等，像我們使用的postcss就可以自動的將兼容代碼加入你所編寫的css里面，我們使用babel將es6的JavaScript語法轉化為兼容的es5的語法。這些都是為了節約開發成本，簡化開發時間的功能。