小程序快速开发

创建开发工程

$ light create -t mp

生成的light小程序工程目录结构大致如下:

├── build
├── dist
├── project.json
├── src
│   ├── app.js
│   ├── app.json
│   ├── app.wxss
│   ├── image
│   │   ├── arrowright.png
│   │   └── wechat.png
│   ├── page
│   │   ├── API
│   │   │   ├── animation
│   │   │   │   ├── animation.js
│   │   │   │   ├── animation.json
│   │   │   │   ├── animation.wxml
│   │   │   │   └── animation.wxss
│   │   │   └── canvas
│   │   │      ├── canvas.js
│   │   │      ├── canvas.json
│   │   │      ├── canvas.wxml
│   │   │      └── canvas.wxss
│   └── util
│   └── util.js

小程序的所有源代码均位于src目录当中,改目录中的目录结构与微信小程序的源代码组织方式并无二致。

dist 主要存放编译后资源,其中包含三个子目录,wx、web、light分别对应微信小程序、web运行时和light小程序三种不同的运行环境所需要使用的资源。
build 主要存放编译后light小程序资源。
project.json小程序的配置文件和主要的工程描述文件。

src/app.js小程序的主要入口文件,用于定义小程序应用级别的生命周期和全局逻辑。

src/app.json小程序的运行时配置文件,用于定义容器与资源状态。

src/app.wxss 全局的通用样式文件。

src/page 主要包含小程序的视图,每一个page都需要定义在src/app.json才可以被编译和使用,每一份配置文件均最多包含js/wxml/wxss/json四种文件,分别代码逻辑、结构、样式、配置四种视图信息。

编译运行工程

通过下面的指令可以将工程的源代码编译,编译成功后,工具会自动打开浏览器,并打开项目的http地址,至此每一次对源代码的修改都会触发页面内容的自动编译和热更新,可以使开发者在无感知的情况下快速开发。

$ light release -wb

打包

执行以下命令可进行打包,打成功的包可用于发布离线包。详情可参考小程序发布

$ light release -p