移动端脚手架

作者: 菲龍探雲 | 来源:发表于2017-01-04 13:09 被阅读15次

    目录结构

    usee-moblie/  
        ├── README.md  
        ├── package.json    //gulp工具配置
        ├── gulpfile.js     //gulp任务配置
        ├── .gitignore      //git忽略名单
        ├── .bowerrc        //bower目录配置
        ├── bower.json      //bower 开发的第三方组件库
        │
        ├── dep/            //第三方库   
        │  
        ├── src/            //开发目录
        │   ├── lib/        //第三方组件
        │   ├── img/        //图片
        │   ├── js/         //js文件
        │   ├── pages       //html文件
        │   ├── sass        //sass文件
        │   ├── iconfont    //字体图标文件
        │  
        ├── dist/           //自动生成  发布目录
        │  
        ├── node_modules/   // 自动生成,包含node依赖以及开发依赖 
        │           
    
    
    
    • 使用指南
    • npm install //安装node依赖以及开发依赖 生成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 //安装手淘自适应库

    • gulp lib //提取自适应核心文件 flexible.js&flexible.css

    • coding

    • gulp任务指令

    • gulp lib//提取自适应核心文件

    • gulp sass//sass文件转css并自动添加css3前缀

    • gulp sass:watch//监听sass文件如有修改自动生成css

    • gulp pack//将src的文件压缩并打包到dist

    • bower指令

    • bower install {name} //{name}为库的名字 安装库

    • bower info {name} //查询库的版本

    • bower search {name} //列出包含的相关库

    相关文章

      网友评论

        本文标题:移动端脚手架

        本文链接:https://www.haomeiwen.com/subject/rhjnvttx.html