mpvue小程序：package.json 和 app.json文件（tabbar配置）

深藏阁楼爱情的钟 2023-02-20 10:50 2阅读 0赞

### mpvue小程序：配置文件 package.json ###

{ 
      "name": "mpv",
      "version": "1.0.0",
      "mpvueTemplateProjectVersion": "0.1.0",
      "description": "A Mpvue project",
      "author": "吴东 <qianduanwd@163.com>",
      "private": true,
      "scripts": { 
        "dev:wx": "node build/dev-server.js wx",
        "start:wx": "npm run dev:wx",
        "build:wx": "node build/build.js wx",
        "dev:swan": "node build/dev-server.js swan",
        "start:swan": "npm run dev:swan",
        "build:swan": "node build/build.js swan",
        "dev:tt": "node build/dev-server.js tt",
        "start:tt": "npm run dev:tt",
        "build:tt": "node build/build.js tt",
        "dev:my": "node build/dev-server.js my",
        "start:my": "npm run dev:my",
        "build:my": "node build/build.js my",
        "dev": "node build/dev-server.js wx",
        "start": "npm run dev",
        "build": "node build/build.js wx"
      },
      "dependencies": { 
        "less": "^3.11.3",
        "less-loader": "^6.1.2",
        "mpvue": "^2.0.6",
        "mpvue-wxparse": "^0.6.5",
        "vuex": "^3.4.0"
      },
      "devDependencies": { 
        "babel-core": "^6.22.1",
        "babel-loader": "^7.1.1",
        "babel-plugin-transform-runtime": "^6.22.0",
        "babel-preset-env": "^1.3.2",
        "babel-preset-stage-2": "^6.22.0",
        "babel-register": "^6.22.0",
        "chalk": "^2.4.0",
        "connect-history-api-fallback": "^1.3.0",
        "copy-webpack-plugin": "^4.5.1",
        "css-loader": "^0.28.11",
        "cssnano": "^3.10.0",
        "eventsource-polyfill": "^0.9.6",
        "express": "^4.16.3",
        "extract-text-webpack-plugin": "^3.0.2",
        "file-loader": "^1.1.11",
        "friendly-errors-webpack-plugin": "^1.7.0",
        "glob": "^7.1.2",
        "html-webpack-plugin": "^3.2.0",
        "http-proxy-middleware": "^0.18.0",
        "optimize-css-assets-webpack-plugin": "^3.2.0",
        "ora": "^2.0.0",
        "portfinder": "^1.0.13",
        "postcss-loader": "^2.1.4",
        "postcss-mpvue-wxss": "^1.0.0",
        "prettier": "~1.12.1",
        "px2rpx-loader": "^0.1.10",
        "relative": "^3.0.2",
        "rimraf": "^2.6.0",
        "semver": "^5.3.0",
        "shelljs": "^0.8.1",
        "uglifyjs-webpack-plugin": "^1.2.5",
        "url-loader": "^1.0.1",
        "vue-style-loader": "^4.1.0",
        "mkdirp": "^0.5.1",
        "mpvue-loader": "^2.0.0",
        "mpvue-template-compiler": "^2.0.0",
        "mpvue-webpack-target": "^1.0.3",
        "webpack-mpvue-vendor-plugin": "^2.0.0",
        "webpack-mpvue-asset-plugin": "^2.0.0",
        "webpack-bundle-analyzer": "^2.2.1",
        "webpack-dev-middleware-hard-disk": "^1.12.0",
        "webpack-merge": "^4.1.0",
        "webpack": "^3.11.0"
      },
      "engines": { 
        "node": ">= 4.0.0",
        "npm": ">= 3.0.0"
      },
      "browserslist": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
      ]
    }

### src / app.json ###

> 功能点：tabbar设置

{ 
      "pages": [
        "pages/index/main",
        "pages/login/main",
        "pages/my/main",
        "pages/collectlist/main",
        "pages/category/main",
        "pages/topic/main",
        "pages/categroylist/main",
        "pages/cart/main",
        "pages/addressSelect/main",
        "pages/order/main",
        "pages/search/main",
        "pages/mappage/main",
        "pages/brandlist/main",
        "pages/newgoods/main",
        "pages/topicdetail/main",
        "pages/goods/main",
        "pages/addaddress/main"
      ],
      "permission": { 
        "scope.userLocation": { 
          "desc": "你的位置信息将用于小程序位置接口的效果展示"
        }
      },
      "window": { 
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#fff",
        "navigationBarTitleText": "微信小程序",
        "navigationBarTextStyle": "black",
        "enablePullDownRefresh": true
      },
      "tabBar": { 
        "color": "#666",
        "backgroundColor": "#fafafa",
        "selectedColor": "#b4282d",
        "borderStyle": "white",
        "list": [
          { 
            "pagePath": "pages/index/main",
            "iconPath": "static/images/ic_menu_choice_nor.png",
            "selectedIconPath": "static/images/ic_menu_choice_pressed.png",
            "text": "首页"
          },
          { 
            "pagePath": "pages/topic/main",
            "iconPath": "static/images/ic_menu_topic_nor.png",
            "selectedIconPath": "static/images/ic_menu_topic_pressed.png",
            "text": "专题"
          },
          { 
            "pagePath": "pages/category/main",
            "iconPath": "static/images/ic_menu_sort_nor.png",
            "selectedIconPath": "static/images/ic_menu_sort_pressed.png", 
            "text": "分类"
          },
          { 
            "pagePath": "pages/cart/main",
            "iconPath": "static/images/ic_menu_shoping_nor.png",
            "selectedIconPath": "static/images/ic_menu_shoping_pressed.png",
            "text": "购物车"
          },
          { 
            "pagePath": "pages/my/main",
            "iconPath": "static/images/ic_menu_me_nor.png",
            "selectedIconPath": "static/images/ic_menu_me_pressed.png",
            "text": "我的"
          }
        ],
        "position": "bottom"
      }
    }