原生小程序开发中我们可以通过 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。二者为外部依赖,我们需要npm或yarn去安装构建相关依赖,才能正常使用.
npm安装及其注意事项
小程序对 npm 的支持与限制
在小程序中已经支持使用 npm 安装第三方包,从而来提高小程序的开发效率。
- 但是小程序中使用npm 包有如下5个限制:
- 只支持纯 js 包,不支持自定义组件,不支持依赖于 Node.js 内置库的包
- 必须有入口文件,即需要保证 package.json 中的 main 字段是指向一个正确的入口,如果 package.json 中没有 main 字段,则以 npm 包根目录下的 index.js 作为入口文件。
- 测试、构建相关的依赖请放入 devDependencies 字段中避免被一起打包到小程序包中,这一点和小程序 npm 包的要求相同。
- 不支持依赖 c++ 插件的包
- 小程序环境比较特殊,一些全局变量(如 window 对象)和构造器(如 Function 构造器)是无法使用的。
npm 依赖包的安装与使用
-
初始化小程序生成package.json
npm init -y
-
安装 npm 包
在小程序 package.json 所在的目录中执行命令安装 npm 包:npm install pageName
此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。
-
构建 npm
点击开发者工具中的菜单栏:工具 --> 构建 npm -
勾选“使用 npm 模块”选项:
-
构建完成后即可使用 npm 包。
js 中引入 npm 包:const myPackage = require('packageName') const packageOther = require('packageName/other')
使用 npm 包中的自定义组件:
{ "usingComponents": { "myPackage": "packageName", "package-other": "packageName/other" } }
Mobox
1. 全局数据共享
- 共享数据是指多个进程都可以访问的数据