1. 程式人生 > >145.Python修煉之路【150-前端-前端自動化及其優化-前端自動化】2018.08.06

145.Python修煉之路【150-前端-前端自動化及其優化-前端自動化】2018.08.06

前端自動化

Node.js

Node.js可以理解為是一門後端指令碼語言,使用了和JavaScript相同的語法,會使用JavaScript的程式設計師能很快上手node.js、nodjs在處理高併發方面效能卓越,目前許多公司都在使用nodejs作為後端資料服務和前端開發的中間層。

node.js的中文網站:https://nodejs.org/zh-cn/

前端自動化

前端開發的流程越來越複雜,其中有程式碼的合併和壓縮、圖片的壓縮;對less、sass的預處理;檔案操作等,這些工作是重複乏味的,為了優化開發流程,提高工作效率,前端自動化工具就出現了,自動化工具可以通過配置,自動完成這些工作。

grunt、gulp

grunt和gulp是使用node.js編寫的,前端首選的自動化工具,gulp在書寫配置上比grunt更簡潔,執行的效能更高,gulp逐漸成為主流。

gulp的使用

gulp使用步驟: 安裝nodejs -> 全域性安裝gulp -> 專案安裝gulp以及gulp外掛 -> 配置gulpfile.js -> 執行任務 gulp網站:http://gulpjs.com/

常用gulp外掛:
壓縮js程式碼(gulp-uglify)
less的編譯(gulp-less)
css的壓縮 (gulp-minify-css)
自動新增css3字首(gulp-autoprefixer)
檔案改名字 (gulp-rename)