新建组件

Min 提供内置的 组件package 脚手架模板,帮助用户快速创建一个新的 组件package组件示例页面

$ min new [name]

新建步骤

$ cd ~/your_weapp_project/
$ min new toast

目录结构

以下是 Min 设计的目录结构,用户可以按照以上流程新建一个 组件,也可以通过 Min组件库示例 快速入门


├── dist                       微信开发者工具指定的目录(该目录由 Min 的 dev 指令自动编译生成,请不要直接修改该目录下的文件)
|   ├── packages
|   |   ├── wxc-toast
|   |   |   ├── dist
|   |   |   |   ├── index.js
|   |   |   |   ├── index.wxml
|   |   |   |   ├── index.wxss
|   |   |   |   └── index.json
|   └── pages
|   |   ├── toast
|   |   |   ├── demos
|   |   |   |   ├── demo-default.js
|   |   |   |   ├── demo-default.wxml
|   |   |   |   ├── demo-default.wxss
|   |   |   |   └── demo-default.json
|   |   |   ├── index.js
|   |   |   ├── index.wxml
|   |   |   ├── index.wxss
|   |   |   └── index.json
├── src
|   ├── packages               Min 组件库目录(属于管理各个 组件package 的主目录)
|   |   ├── wxc-toast              toast 组件的 package 目录
|   |   |   ├── src                    组件源码编写目录
|   |   |   |   ├── index.wxc              index 组件(index 文件默认为组件的入口文件)
|   |   |   └── package.json           组件的 package 配置
|   ├── pages                  Min 页面目录(属于完整页面)
|   |   ├── toast                  toast 组件示例页面
|   |   |   ├── demos                  组件示例编写目录(该目录为组件示例代码,每个示例代表一个组件的使用场景介绍)
|   |   |   |   └── demo-default.wxc       组件示例代码
|   |   |   └── index.wxp              index 页面(该页面用于承载组件的 Demo 示例、API 文档 和 changelog 日志)