新增页面

进入 anka-quickstart 目录。并执行以下命令

  1. $ anka new-page home

则在 src/ 目录发生如下变更:

  1. ├── src
  2. ├── app.json
  3. ├── pages
  4. + └── home
  5. + ├── home.js
  6. + ├── home.json
  7. + ├── home.wxml
  8. + └── home.wxss

并且 src/app.jsonpages 字段多了一行:

  1. {
  2. "pages": [
  3. + "pages/home/home"
  4. ],
  5. "subPackages": [],
  6. "window": {
  7. "navigationBarTitleText": "Wechat"
  8. }
  9. }

当然,我们也可以使用分包加载:

  1. $ anka page home --root=packageA

与之前不一样的是 src/app.json:

  1. {
  2. "pages": [],
  3. "subPackages": [
  4. + {
  5. + "root": "packageA",
  6. + "pages": [
  7. + "home/home"
  8. + ]
  9. + }
  10. ],
  11. "window": {
  12. "navigationBarTitleText": "Wechat"
  13. }
  14. }

同时项目目录变化如下:

  1. ├── anka.config.js
  2. ├── src
  3. ├── app.json
  4. +│ ├── packageA
  5. +│ └── home
  6. +│ ├── home.js
  7. +│ ├── home.json
  8. +│ ├── home.wxml
  9. +│ └── home.wxss
  10. ├── project.config.json
  11. └── style
  12. ├── _var.css
  13. └── _var.scss
  14. └── utils
  15. └── index.js

这里新增的 packageA 目录是刚才 —root 参数所声明的分包。