xmfetionh5ui

基于vue的脚手架

项目目录

• build webpack 配置文件
  • webpack.base.conf.js 基本webpack配置文件
  • webpack.dev.conf.js 开发环境webpack配置文件
  • webpack.pro.conf.js 生产环境webpack配置文件
  • build.js 打包配置文件
  • dev-server.js 开发环境server
  • dev-client.js 开发环境热加载
  • utils.js 开发与打包小工具函数
• config 环境配置文件
  • index.js 主配置文件
  • dev.env.js 开发环境变量
  • pro.env.js 生产环境变量
• src 开发目录
  • api ajax调用统一出口
    • index.js
  • components vue组件
  • config 前端代码配置文件
  • filter vue过滤器
  • mixins vue混合
  • pages vue页面
  • utils 前端工具函数
  • store vuex文件
    • modules vuex 模块
  • App.vue 根组件
  • main.js js入口文件
  • routes.js vue 路由
• static 静态文件
  • 静态资源
• dist 打包文件
• .babelrc babel配置文件
• .gitignore git提价忽略列表
• index.html html入口

使用

• git clone [e-mail]:h5/h5-cli.git
• cd h5-cli/fetion-cli npm install
• 开发模式 npm run dev
• 线上环境 npm run build
• 打包为tar包 tar -zcvf demo.tar.gz demo(把demo文件夹压缩为demo.tar.gz,tar包需要按照运维规则命名)

参考资料

• 淘宝rem布局最新方案