目录结构
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.csscoding
gulp任务指令
gulp lib
//提取自适应核心文件gulp sass
//sass文件转css并自动添加css3前缀gulp sass:watch
//监听sass文件如有修改自动生成cssgulp pack
//将src的文件压缩并打包到distbower指令
bower install {name} //{name}为库的名字 安装库
bower info {name} //查询库的版本
bower search {name} //列出包含的相关库