browsersync使用方法 在要監視的文件的目錄打開命令行 啟動browsersync: browser-sync start --server --files "./xxx.html,./app.css ...

gulp簡介 gulp是基於流的自動化構建工具，也就是說gulp是通過操作流實現自動編譯，壓縮文件等操作的。這得益於node.js對流的支持，當然gulp.js和構建的任務文件都是JavaScript編寫的。 安裝方法： 設置自動化任務： 創建一個gulpfile.js文件，這個文件 ...

有一些自帶命令的輔助開發、測試類的工具，官方都推薦全局安裝，如果不想全局安裝只想在某個項目下用該怎么辦呢？ 如http-server、browser-sync、webpack這種自帶CLI的工具 使用命令運行會報錯，如下， 上面提示我們找不到這個命令 解決1：直接使用下面方式運行 ...

最近公司趕一個項目，是mobile端，之前沒怎么做過移動端的開發，這個項目算是個小嘗試。 在做項目的過程中，用到了一個神器--browser-sync，在這里分享給大家。 1、靜態頁面調試 作為前端，肯定是要保證頁面的兼容性的。 通常的測試場景是，前端人員人手N部測試機，改下頁面，依次手動 ...

更多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文檔。 ...

更多gulp常用插件使用請訪問：gulp常用插件匯總 gulp-notify這是一款gulp通知插件。 更多使用文檔請點擊訪問gulp-notify工具官網。 安裝 一鍵安裝不多解釋 使用 例1： 例2： 有關更多輸入，請參見示例，或參見API部分 ...