分享一個自己正在用的gulp配置項目

分享一個自己正在用的gulp配置項目,集成了css精靈圖,less,css兼容前綴,js檢查,html,js,css壓縮,html引入,代理跨域等功能。

碼云鏈接:https://gitee.com/cjy199387/temp

項目目錄介紹

目錄結(jié)構(gòu)

build:項目打包和dev配置文件,

dist:項目dev和生成的文件,

src:項目的源文件:

src-assets:第三方的插件庫

src-components:專為gulp-html-import插件設(shè)置,存放共同的頁面組件,比如頭部,底部的html代碼

src-image-icon:專為gulp.spritesmith插件設(shè)置,存放一些小icon,最終會生成一張css精靈圖,在開發(fā)過程中此插件會返回一個less文件,可以引入總的less文件入口使用,很方便,具體用法參考此插件的教程。

其他目錄應(yīng)該不用介紹也看的懂看吧。

此項目會不定期更新,也希望大家提出自己的想法來完善,謝謝!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,494評論 1 11
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    依依玖玥閱讀 3,305評論 7 55
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,669評論 1 32
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    井皮皮閱讀 1,402評論 0 10
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    小裁縫sun閱讀 1,031評論 0 3

友情鏈接更多精彩內(nèi)容