@swg-plugins/auto-uni-pages

TODO: description

安装

npm i -S @swg-plugins/auto-uni-pages

Usage

const autoUniPagesWebpackPlugin = require('@swg-plugins/auto-uni-pages')

configureWebpack: {
    plugins: [
      new autoUniPagesWebpackPlugin({
        openDir: path.resolve(__dirname, pages),        // 视图文件所在文件夹
        outDir: path.resolve(__dirname, 'pages.json')   // 文件生成路径
      })
    ]
}

// TODO: DEMONSTRATE API

页面使用

<template>PageView</template>
<script>
  export default {
    $$route: {
      'style': {
          // peges 支持的所有属性
          'navigationBarTitleText': '22'
      },
      root: 'pages/order' //分包配置
    },
    data:{}
    methods:{}
  }
</script>

说明

自动生成仅替换 pages.json 中 pages 属性内容

// 替换区域
"pages": [],

// 自定义区域，不被修改
"globalStyle": {
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "uni-app-frame",
  "navigationBarBackgroundColor": "#FFFFFF",
  "backgroundColor": "#FFFFFF"
},
"tabBar":{
  "color": "#666666",
  "selectedColor": "#555555",
  "list": [{
          "pagePath": "pages/home/index",
          "text": "首页",
          "iconPath": "static/tabbar/home-0.png",
          "selectedIconPath": "static/tabbar/home-1.png"
      },
      {
          "pagePath": "pages/shop/index",
          "text": "商城",
          "iconPath": "static/tabbar/store-0.png",
          "selectedIconPath": "static/tabbar/store-1.png"
      },
      {
          "pagePath": "pages/user-center/index",
          "text": "个人中心",
          "iconPath": "static/tabbar/user-0.png",
          "selectedIconPath": "static/tabbar/user-1.png"
      }
  ]
}

update

2022-03-09 更新

基于 uni 框架自动生成 pages.json 类路由文件