移动端脚手架
2017-01-04 本文已影响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} //列出包含的相关库