uniapp打包微信小程序使用插件

qq_316837752026-01-30 8:50

manifest.json

复制代码

/* 小程序特有相关 */
    "mp-weixin": {
        "appid": "wx17a6bxxxxx",
        "setting": {
            "urlCheck": false,
            "es6": true,
            "postcss": true,
            "minified": true
        },
        "usingComponents": true,
        "requiredPrivateInfos": [
            "getLocation"
        ],
        "permission": {
            "scope.userLocation": {
                "desc": "获取用户的位置信息，补充当前填写内容时的位置"
            }
        },
        "hostname": "other-public.obs.cn-east-3.myhuaweicloud.com",
        "optimization": {
            "subPackages": true
        },
        "plugins": {
            "t-video": {
                "version": "1.0.11",
                "provider": "wx5474241b2a65b906"
            },
            "yzVideoPlugin": {
                "version": "0.1.0",
                "provider": "wx9e5eba73bf23a27a"
            }
        }
    },

其中 plugins 为需要配置的插件

pages.json

复制代码

"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "积善之家",
		"navigationBarBackgroundColor": "#FFFFFF",
		"backgroundColor": "#F8F8F8",
		"app-plus": {
			"bounce": "none"
		},
		"usingComponents": {
           "t-video": "plugin://t-video/t-video",
		   "c-video": "plugin://yzVideoPlugin/video"
       }
	},

其中 usingComponents 中为配置的插件

在uniapp中为页面引入插件

复制代码

{
  "path": "pages/index/index",
  "style": {
    "mp-weixin": {
      "usingComponents": {
        "mi-lin-video": "plugin://video-plugin/miLin-video"
      }
    }
  }
}

直接在微信小程序 需要使用插件功能页面的 .json 文件中定义

复制代码

{
  "usingComponents": {
      "mi-lin-video": "plugin://video-plugin/miLin-video"
      }
}