安装与配置

核心API

npm install annil
# pnpm add annil

类型依赖

npm install --save-dev typescript@^6.0.3 miniprogram-api-typings@^5.2.1
# pnpm add -D typescript@^6.0.3 miniprogram-api-typings@^5.2.1

状态管理依赖

npm install mobx@^6.9.0

构建 npm

在微信开发者工具中执行：工具 → 构建 npm。

TIP

使用 状态管理(mobx) 时,为避免报错 ——process is not defined, 需要在npm打包前修改 node_modules/mobx/dist/index.js中的内容：

// 更改前
"use strict";

if (process.env.NODE_ENV === "production") {
  module.exports = require("./mobx.cjs.production.min.js"); // 仅保留这行即可
} else {
  module.exports = require("./mobx.cjs.development.js");
}

// 更改后
"use strict";
module.exports = require("./mobx.cjs.production.min.js");

VS Code 插件

插件市场安装 搜索 annil 安装即可

tsconfig.json 注意事项

TIP

ts 6.0 后默认开启严格模式(strict: true), 导致函数参数逆变, 使函数赋值错误

{
  events: {
    onClick: (e: Dataset<{ id: string }>){
                  ^^^^^^ 
      // ...
    }
  };
}

关闭严格模式下的函数参数逆变 strictFunctionTypes: false 即可解决。

{
  "compilerOptions": {
    "strictFunctionTypes": false
    // ...
  }
  // ...
}