原生微信小程序插件构建及上传分包

486 阅读1分钟

* 插件构建npm

1、先npm 安装插件然后回生成node_modules

image.png

2、构建npm,转换成可识别的依赖

步骤:工具->构建npm,构建完成会生成一个目录,如图

image.png

3、引入wxss

//在app.wxss中引入
@import '/miniprogram_npm/weui-miniprogram/index.wxss';

4、注册组件

局部注册 在当前页面.json中 全局注册 在app.json中

"usingComponents": {
    "mine-item": "/components/shopitem/shopitem"
  },

* 分包上传

1、新建分包文件目录,如图

image.png

2、将分包的页面放到目录下

image.png

3、在全局的app.json文件里配置分包信息

//分包配置
"subpackages": [
    {
      "root": "packageA",  //root指定分包的文件夹
      "pages": [  //注册里面有哪些分包的页面
        "list/list"
      ]
    },
    {
      "root": "packageB",
      "pages": [
        "youhui/youhui"
      ]
    }
  ]