基於 node 平台開發的前端構建工具,主要用來設定程序自動處理靜態資源的工作。簡單的說,gulp就是用來打包項目的。 將機械化操作編寫成任務,想要執行機械化操作時執行一個命令行命令任務就能自動執行了。 用機器代替手工,提高開發效率。 官網:https://gulpjs.com/ 中文官網 ...
關於什么是gulp,它和grunt有什么區別等問題,這里不做任何介紹。本文主要介紹如何使用gulp usemin這款插件,同時也會簡單介紹本文中用到的一些插件。 什么是gulp usemin 用來將HTML 文件中 或者templates views 中沒有優化的script 和stylesheets 替換為優化過的版本 gulp usemin根據預先在html文件 或者其它模板 視圖中的文件 中 ...
2015-11-14 19:47 0 4701 推薦指數:
基於 node 平台開發的前端構建工具,主要用來設定程序自動處理靜態資源的工作。簡單的說,gulp就是用來打包項目的。 將機械化操作編寫成任務,想要執行機械化操作時執行一個命令行命令任務就能自動執行了。 用機器代替手工,提高開發效率。 官網:https://gulpjs.com/ 中文官網 ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-if這是一款條件判斷插件。 注意:與gulp-if一起使用時,表現不佳的插件通常會變得更糟。通常,修復不在gulp-if中。 注意:與lazypipe一起使用時效果很好,請參見下文 更多使用文檔請點擊訪問 ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-uglify這是一款使用UglifyJS縮小js文件。 更多使用文檔請點擊訪問gulp-uglify工具官網。 安裝 一鍵安裝不多解釋 使用 為了幫助正確處理Node流的錯誤情況,該項目建議使用 ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-filter這是一款可以把stream里的文件根據一定的規則進行篩選過濾。 更多使用文檔請點擊訪問gulp-filter工具官網。 安裝 一鍵安裝不多解釋 使用 gulp.src中傳入匹配符匹配了很多文件 ...
1.創建:gulpfile.js 2.創建package.json 3.安裝gulp到項目 4.安裝插件到項目: 5.准備的src/app.css 6.目錄下運行: 然后查看dist ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-imagemin這是一款縮小PNG,JPEG,GIF和SVG圖像的插件。 更多使用文檔請點擊訪問gulp-imagemin工具官網。 安裝 一鍵安裝不多解釋 使用 基本的使用: 自定義插件選項 ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-replace這是一款gulp3的字符串替換插件。 更多使用文檔請點擊訪問gulp-replace工具官網。 安裝 一鍵安裝不多解釋 使用 簡單的字符串替換 簡單的正則表達式替換 字符串替換 ...
更多gulp常用插件使用請訪問:gulp常用插件匯總 gulp-htmlmin這是一款HTML文件壓縮插件。 更多使用文檔請點擊訪問gulp-htmlmin工具官網。 安裝 一鍵安裝不多解釋 使用 有關所有可用選項,請參見html-minifer文檔。 ...