Git Product home page Git Product logo

babyfs-mina-template's Introduction

MINA GULP WORKFLOW

MINA: 保留 MINA (微信小程序官方框架) GULP: Gulp 构建

版本要求

node version >= 10.12.0

Node release log Node version management

工程结构

mina-gulp
├── dist                  // 编译后目录
    ├── miniprogram_npm  // 真正参与构建打包的npm资源
    ├── components       // 微信小程序自定义组件
    ├── images           // 页面中的图片和icon
    ├── pages            // 小程序page文件
    ├── styles           // ui框架,公共样式
    ├── template         // 模板
    ├── app.js
    ├── app.json
    ├── app.less
    ├── project.config.json // 项目配置文件
├── gulpfile.js           // 打包相关的配置
    ├── dependency       // 依赖解析
        ├── index.js          // 入口
        ├── install.js        // 安装依赖,重组结构
        ├── shift.js          // jscodeshift dev依赖引入
    ├── auto.js          // 命令行快速创建
    ├── index.js         // gulpfile.js
    ├── qiniu.js         // 七牛cdn
    ├── replace.js       // 路径解析
    ├── tinify.js        // 图片压缩
├── node_modules          // 项目依赖
├── src
    ├── components       // 微信小程序自定义组件
    ├── images           // 页面中的图片和icon
    ├── pages            // 小程序page文件
    ├── styles           // ui框架,公共样式
    ├── template         // 模板
    ├── app.js
    ├── app.json
    ├── app.less
    ├── project.config.json  // 项目配置文件
├── tools                 // 工具方法
├── .editorconfig.js
├── .eslintrc.js
├── .gitignore
├── npm-shrinkwrap.json
├── package-lock.json
├── package.json
└── README.md

功能特性

  1. Less 支持
  2. Eslint 支持
  3. Image 图片CDN上传 压缩支持
  4. Async await 支持
  5. NPM 支持
  6. 命令行快速创建页面,组件,模板支持

创建页面,组件,模板

  • gulp auto -p mypage 创建名为 mypage 的 page 文件
  • gulp auto -t mytpl 创建名为 mytpl 的 template 文件
  • gulp auto -c mycomponent 创建名为 mycomponent 的 component 文件
  • gulp auto -s index -p mypage 复制 pages/index 中的文件创建名称为 mypage 的页面

babyfs-mina-template's People

Contributors

babyfs-fe avatar jerrycjr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.