摘要:的使用首先,我們需要在官網下載插件,地址如下在這個網站我們可以尋找到自己需要的插件以為例,然后在項目下打開命令提示行,輸入以下命令然后我們在里輸入一下代碼引入插件調用插件輸出位置
gulp的入門與使用
安裝
使用
gulp的入門 安裝安裝gulp需要使用到nodo.js,安裝鏈接如下:
http://jingyan.baidu.com/arti...
安裝完成之后我們以全局安裝gulp
打開命令提示行,輸入以下命令:
npm install gulp-cli -g
然后我們建立自己的項目
在自己的項目目錄下,打開命令提示行,因為我們需要
" package.json "文件,所以我們需要輸入以下命令:
npm init
之后我們需要在項目目錄下安裝gulp
輸入以下命令
npm install gulp -D
我們還需要自己手動建立一個gulpfile.js文件,
打開gulpfile.js,輸入以下代碼:
var gulp = require("gulp"); // 引入gulp gulp.task("default", function() { console.log("測試"); });
在剛剛的命令提示行輸入:
gulp
得到以下輸出
Using gulpfile F:webgulpfile.js Starting "default"... 測試 Finished "default" after
說明你的gulp已經安裝成功。
gulp的使用首先,我們需要在gulp官網下載插件,地址如下:
https://gulpjs.com/plugins/
在這個網站我們可以尋找到自己需要的插件(以gulp-imagemin為例),然后在項目下打開命令提示行,輸入以下命令:
npm install --save-dev gulp-imagemin --save-dov
然后我們在gulpfile.js里輸入一下代碼:
const imagemin = require("gulp-imagemin"); // 引入插件 gulp.task("default", () => gulp.src("src/images/*") .pipe(imagemin()) // 調用插件 .pipe(gulp.dest("dist/images")) // 輸出位置 );
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/91433.html
摘要:所以它在某些程度上,跟的功能有些相同。嚴格上講,模塊化不是他強調的東西,他旨在規范前端開發流程。更是明顯強調模塊化開發,而那些文件壓縮合并預處理等功能,不過是他附帶的功能。 1. webpack 是什么? showImg(https://segmentfault.com/img/remote/1460000012293461); 先來說一下 webpack 是什么。 webpack 的...
摘要:本文假設你之前沒有用過任何任務腳本和命令行工具,一步步教你上手。如果這兩行命令沒有得到返回,可能就沒有安裝正確,嘗試重啟下命令行工具,如果還不行的話,只能回到第一步進行重裝。 本文假設你之前沒有用過任何任務腳本(task runner)和命令行工具,一步步教你上手Gulp。不要怕,它其實很簡單,我會分為五步向你介紹gulp并幫助你完成一些驚人的事情。那就直接開始吧。 第一步:安裝No...
摘要:是一款流式構建系統,如果說是基于任務執行器,就是基于的文件流任務執行器,比起有如下特點使用方便通過代碼優于配置的策略,可以讓簡單的任務簡單,復雜的任務更可管理。 作者:Jogis原文鏈接:https://github.com/yesvods/Blog/issues/1轉載請注明原文鏈接以及作者信息 showImg(http://itanguo.cn/wp-content/uploads...
摘要:特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入匯總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應和斧正,會及時更新,平時業務工作時也會不定期更...
閱讀 2675·2023-04-25 15:15
閱讀 1316·2021-11-25 09:43
閱讀 1604·2021-11-23 09:51
閱讀 1079·2021-11-12 10:36
閱讀 2880·2021-11-11 16:55
閱讀 955·2021-11-08 13:18
閱讀 723·2021-10-28 09:31
閱讀 2048·2019-08-30 15:47