[gulp入門]gulp-connect瀏覽器自動刷新
LiveReload可以理解為即時刷新，在前端開發中，開發者在編寫或調試html/js/css代碼后需要從編輯器切換到瀏覽器，再刷新瀏覽器才能看到頁面變化，這種頻繁的操作在一定程度上影響了工作效率，而LiveReload可以幫助我們解決了這個問題。 實現原理：通過在本地開啟一個 ...
原文：gulp之壓縮合並MD5清空替換加前綴以及自動編譯自動刷新瀏覽器大全
gulp是基於流的前端構件化工具。目前比較火的前端構建化工具還是挺多的，grunt gulp fis 等等。 這個鬼東西有什么用 請參考https: www.zhihu.com question 為什么選擇gulp,因為使用非常簡單，學習成本低。以后想用別的工具再轉去學也不難。 一個自動化構建工具都沒用過的前端，何以談人生 以下是正題： .要玩gulp,首先得安裝node,因為npm跟隨node的 ...
2016-12-04 16:21 0 1967 推薦指數：
相關推薦
瀏覽器自動刷新系列------browser-sync+gulp
在網上看了好多關於browse-sync的使用介紹，基本都是把官網上的直接復制到博客上的，很少有實際的項目操作，當我把browser-sync+gulp在項目中使用的時候，因為要顧及到的文件較多，所以瀏覽器也很難實現時時刷新，還是有1-2s的運行時間的，廢話不多說，看正文： 安裝 ...
前端神器！！gulp livereload實現瀏覽器自動刷新
首先gulp是基於Node的，所以確保你已經安裝 node.js，在Nodejs官方網站下載跟自己操作系統相對應的安裝包。 先說一下gulp安裝流程： 1：全局安裝gulp，操作為： npm install gulp -g;2:在根目錄下創建 package.json文件，操作為：npm ...
gulp教程之gulp-autoprefixer（根據設置瀏覽器版本自動處理瀏覽器前綴）
原文：http://www.ydcss.com/archives/94 簡介： 使用gulp-autoprefixer根據設置瀏覽器版本自動處理瀏覽器前綴。使用她我們可以很瀟灑地寫代碼，不必考慮各瀏覽器兼容前綴。【特別是開發移動端頁面時，就能充分體現它的優勢。例如兼容性不太好的flex ...
gulp壓縮合並代碼
根據電腦配置下載安裝node.js (win + R -> cmd -> node -v 檢查是否安裝成功node.js) npm install gulp --save-dev (建議裝在項目目錄中， 也可以通過 淘寶鏡像 安裝，需要先安裝淘寶鏡像 npm install ...
gulp實時編譯less，壓縮合並requirejs模塊文件
-g gulp 一：gulp實時編譯less var gulp = require('gu ...
webpack4.x的css單獨打包、合並、自動添加前綴、壓縮
安裝 合並、壓縮、添加前綴 修改配置文件 創建postcss.config文件 該文件 與package.json 同級 postcss.config文件注意點 我之前按照別人的一些配置，不是報錯、就是警告，上面那種配置是沒有報錯和警告的。如果有 ...
Gulp學習指南之CSS合並、壓縮與MD5命名及路徑替換
gulpfile.js 運行結果 通過以上的配置之后，就可以開始運行 gulp 對我們的項目進行相關的操作啦； 使用 gulp 命令，運行Gulp.js 構建程序 首先運行 concat 這個 task 生成一個 ...