什麼是前端構建?借用知乎大神的回答就是:前端構建工具通常可以在前面加自動化三個字,就是用來讓我們不再做機械重複的事情,解放我們的雙手。

近兩年前端發展非常快,前端的自動化構建發展進程也大大加速,對於前端工作者來說,使用自動化工具能為前端的開發工作帶來極大的便利,大大提升工作效率,今天我特別安利大家5款GitHub人氣款『前端構建小工具』,希望對大家的工作和學習有幫助。

推薦一:parcel 【Star:28465】

其實很多打包工具都圍繞配置和插件進行構建的,因此看到有500行以上配置的應用程序正常運行並不罕見。這種配置不僅繁瑣和費時,而且也很難得到正確的配置,必須為每個應用程序複製。通常情況下,這可能導致優化的應用程序發送到生產環境。parcel 被設計為零配置:只要將它指向你的應用程序的入口點,它就能做正確的事情。

推薦二:webpack 【Star:45712】

我們可以把webpack看做是模塊打包機。它做的事情是,分析你的項目結構,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言,並將其轉換和打包為合適的格式供瀏覽器使用。webpack的優點在於它可以在很多場景下成為替代Gulp/Grunt類的工具。

推薦三:gulp 【Star:30666】

gulp是一款非常實用的前端構建工具,它能通過自動執行常見任務,比如編譯預處理 CSS ,壓縮 JavaScript 和刷新瀏覽器,來改進網站開發的過程,從而使開發更加快速高效。gulp有龐大的生態圈,且每天都在發展。依靠成千上萬可供選擇的插件,你可以利用gulp自動完成幾乎任何事。

推薦四:yeoman 【Star:2686】

通過幾個簡單的命令,yeoman就能幫助我們建立一個項目,而且項目已經填充了不少代碼,我們可以選擇一個自己喜歡的,來沿著別人的已經搭建好的構架來編寫業務即可,這對很多前端新手來說是非常好的一種技能提升方式。

推薦五:grunt 【Star:11898】

grunt是一個開源的基於任務 (Task) 的前端構建框架,擁有一套設計良好的 task 框架用來組織各種構建任務。同時具備跨平台、易維護易遷移、開發簡單的特性。

嗯,沒有人看,沒有人點贊,沒有人關注,我就滾回我的被窩了,哼╭(╯^╰)╮


推薦閱讀:
查看原文 >>
相关文章