移動端腳手架

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

usee-moblie/  
    ├── README.md  
    ├── package.json    //gulp工具配置
    ├── gulpfile.js     //gulp任務(wù)配置
    ├── .gitignore      //git忽略名單
    ├── .bowerrc        //bower目錄配置
    ├── bower.json      //bower 開發(fā)的第三方組件庫
    │
    ├── dep/            //第三方庫   
    │  
    ├── src/            //開發(fā)目錄
    │   ├── lib/        //第三方組件
    │   ├── img/        //圖片
    │   ├── js/         //js文件
    │   ├── pages       //html文件
    │   ├── sass        //sass文件
    │   ├── iconfont    //字體圖標(biāo)文件
    │  
    ├── dist/           //自動生成  發(fā)布目錄
    │  
    ├── node_modules/   // 自動生成,包含node依賴以及開發(fā)依賴 
    │           


  • 使用指南
  • npm install //安裝node依賴以及開發(fā)依賴 生成node_modules文件夾
  • bower init//初始化bower 生成bower.json文件 如果遇到下面錯誤請使用windows命令行
Additional error details:
Note that you can manually force an interactive shell with --config.interactive
  • bower install lib.flexible //安裝手淘自適應(yīng)庫

  • gulp lib //提取自適應(yīng)核心文件 flexible.js&flexible.css

  • coding

  • gulp任務(wù)指令

  • gulp lib//提取自適應(yīng)核心文件

  • gulp sass//sass文件轉(zhuǎn)css并自動添加css3前綴

  • gulp sass:watch//監(jiān)聽sass文件如有修改自動生成css

  • gulp pack//將src的文件壓縮并打包到dist

  • bower指令

  • bower install {name} //{name}為庫的名字 安裝庫

  • bower info {name} //查詢庫的版本

  • bower search {name} //列出包含的相關(guān)庫

最后編輯于
?著作權(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)容

  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    井皮皮閱讀 1,401評論 0 10
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    依依玖玥閱讀 3,304評論 7 55
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    小裁縫sun閱讀 1,030評論 0 3
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    build1024閱讀 585評論 0 0
  • 前言 本文默認(rèn)你已經(jīng)安裝好node環(huán)境,并且熟悉node命令,和window cd命令。 gulp簡介 基于nod...
    9I閱讀 2,041評論 4 50

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