qts-fission

fission

介绍

小程序公用代码

配置远程 git 仓库后可在任意导入地方使用 @ali/xxx/xxx 语法使用远程库代码

也可通过配置对远程代码进行覆盖

下载

npm i qts-fission -g

执行：

fission

fission.config.js

配置文件

module.exports = {
  entry: "./app.json", // ["./app.json", "@ali/app.js"]
  build: {
    // 打包配置，小程序并且源代码为支付宝
    type: "mini",
    platform: "ali",
  },
  remote: {
    ali: {
      address: "[e-mail]:f2ee/alipay_applet.git", // git存储库地址
      files: [
        // 本地文件替换远端文件
        "applyBtn/index.js:pages/partdetails/components/applyBtn/index.js",
      ],
      components: [
        // 本地组件替换远端组件
        "applyBtn/index:pages/partdetails/components/applyBtn/index",
      ],
    },
  },
};

例子

语法：@name/远程代码路径

小程序 app.json 代码

{
  "pages": [
    "pages/index/index",
    "@ali/pages/a/index",
    "pages/b/index:@ali/pages/a/index"
  ]
}

pages/a/index 在本地被改为 pages/b/index 目录

js 文件

import {} from "./utils"; // 使用本地
import {} from "@ali/utils"; // 使用远程

css 等文件同理

小程序组件

{
  "usingComponents": {
    "open-button": "/components/openButton/index",
    "open-button1": "@ali/components/openButton/index"
  }
}