wpm

# 介绍

wpm（web package manager）是一个微前端包管理平台, 项目中可以使用import-wpm-[webpack]-plugin引入网络包使用

可以到"wpm官网"查看所有包 (opens new window)

特性

  • 版本/权限管理
  • 调试自动连接/便捷集成热更新
  • 提升效率（无需安装资源、安装环境、无需打包编译、独立发布、集成自动调试热更新）
  • 节省资源（公共资源只存储一份）
  • 资源共享（一个函数、几行代码级别的资源共享, 我们写的任何一个函数, 都能够很容易的完成发布）

# 使用示例

语法说明

使用 "wpmjs/$/包名" 这样的目录作为命名空间, 只是为了让IDE进行代码提示, 不会去引入对应目录下的文件

// 引入远程react包
import React, { useState } from "wpmjs/$/react"
require("wpmjs/$/react-dom")
await import("wpmjs/$/vue")
// 使用远程react包
console.log(React)
1
2
3
4
5
6

# 本地调试

  1. 进入任意使用wpm包的页面, url携带参数?wpmDebug即可打开调试模式
  2. 本地启动的任何wpm项目都会自动连接上调试模式

# dev热更新demo

http://微盟git域名/hongen.zhang/import-wpm-demo.git

# umi-demo

https://微盟git域名/hongen.zhang/wpm-umi-demo

贡献包 →