原创 前端自動化工具 grunt 插件 imagemin 的簡單使用（六）
一、contrib-p_w_picpathmin 插件的使用1、安裝 “grunt-contrib-p_w_picpathmin ”插件命令（在終端進入到項目根目錄執行） npm install grunt-contr
2019-09-30 13:33:40
2
原创 前端自動化工具 grunt 插件 htmlmin 的簡單使用（五）
一、contrib-htmlmin 插件的使用1、安裝 “grunt-contrib-htmlmin ”插件命令（在終端進入到項目根目錄執行） npm install grunt-contrib-htmlmin --s
2019-09-30 13:33:40
原创 gulp API 簡介
一、gulp API 簡介 gulp 本身能做的事情非常少，主要是通過插件來提供各種功能，gulp 本身只提供了4個非常簡潔的 API, 掌握這4個 API 你就基本掌握了 gulp 的全部。
2019-02-22 15:25:01
原创 gulp 插件之 gulp-htmlmin
gulp-htmlmin 的簡介： gulp-htmlmin 插件用來壓縮 html 文件，可以壓縮頁面 javascript，css，去除頁面空格，註釋，刪除多餘屬性等操作。一、gulp-htmlmin 插件的使用1
2019-02-22 15:24:43
原创 gulp 和 Browsersync 的聯合使用
Browsersync 的簡介： Browsersync 是一個 node 模塊，它能讓瀏覽器實時、快速響應您的文件更改（html、js、css、sass、less 等）並自動刷新頁面。更重要的是 Browsersyn
2019-02-22 15:24:42
1
原创 flexbox layout
flexbox 的簡介： flexbox 是 2009 年 W3C 提出的一種全新的可伸縮的 CSS 佈局方式。依賴 flexbox，我們可以更簡單，高效的完成可伸縮式頁面的佈局。flexbox 一共經歷了三個版本，分
2019-02-22 15:24:39
原创 gulp 插件之 gulp-livereload
gulp-livereload 的簡介： gulp-livereload 插件用於實時重載，當 html，css 文件內容發生改變時，瀏覽器會自動刷新頁面。在使用 gulp-livereload 插件時需要瀏覽器安裝相
2019-02-22 15:24:36
原创 gulp 插件之 gulp-autoprefixer
gulp-autoprefixer 的簡介： gulp-autoprefixer 插件用來自動給 css 文件樣式添加瀏覽器前綴。一、gulp-autoprefixer 插件的使用1、安裝 “gulp-autopref
2019-02-22 15:24:34
原创 gulp 插件之 gulp-uglify
gulp-uglify 的簡介： 使用 uglify 引擎，用來壓縮 js 文件，加快網站響應速度。一、gulp-uglify 插件的使用1、安裝 “gulp-uglify ”插件命令（在終端進入到項目根目錄執行）
2019-02-22 15:24:34
原创 gulp 插件之 del
del 模塊的簡介： 你也許會想要在編譯文件之前刪除一些舊文件。由於刪除文件和文件內容並沒有太大關係，所以，我們沒必要去使用一個 gulp 插件。最好是選擇使用一個原生的 node 模塊，因爲 del 模塊支持多個文件
2019-02-22 15:24:33
原创 gulp 插件之 gulp-imagemin，imagemin-pngquant-gfw 和 gulp-cache
gulp-p_w_picpathmin，p_w_picpathmin-pngquant-gfw 和 gulp-cache 的簡介： gulp-p_w_picpathmin 插件用來壓縮圖片文件（包括 png，jpeg，
2019-02-22 15:24:32
15
原创 gulp 插件之 gulp-clean-css 和 gulp-make-css-url-version
gulp-clean-css 和 gulp-make-css-url-version 的簡介： gulp-clean-css 插件用來壓縮 css 文件。 gulp-make-css-url-ve
2019-02-22 15:24:32
2
原创 gulp 插件之 gulp-less，gulp-sass 和 gulp-sourcemaps
gulp-less，gulp-sass 和 gulp-sourcemaps 的簡介： gulp-less 插件用來將 less 文件編譯成 css文件。 gulp-sass 插件用來將 sass
2019-02-22 15:24:31
原创 gulp 初探
一、gulp 的簡介 基於 node.js 流的自動化構建工具，可以快速構建項目並減少頻繁的 I/0 操作，還可以利用 gulp 插件完成各種自動化任務。gulp 是基於 node.js 的自動任務運行器，它能自動化地
2019-02-22 15:24:31
原创 gulp 插件之 gulp-load-plugins
gulp-load-plugins 的簡介： 由於我們項目中有時候會用到很多插件，如果都用 require 進來，我們勢必得寫很多行 require 代碼，雖然這樣沒問題，但是會顯得很冗長，所以 gulp-load-p
2019-02-22 15:24:31