0.0.7 • Published 2 years ago

picocontainer2 v0.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

说明: 当前是demo版本,还在改造中,最终落地版本会跟现在相差很大,落地版本以 1.x 开头。

picocontainer

前端微容器,支持界面上多个实例。使用场景:微前端组件,微前端。

功能扩展方式:插件自定义插件开发。

使用方式

<div>
  <div id="one"></div>
  <div id="two"></div>
</div>
// 具体某个页面组件
import Picocontainer from 'picocontainer'

const instanceArr = []

const render = (name, entry, container) => {
  const instance = new Picocontainer({name: name, entry: entry, container: container})
  instanceArr.push(instance)
  instance.start()
}

const destroy = () => {
  instanceArr.forEach(instance => {
    instance.destroy()
  })
}

const init = () => {
  render('one', 'http://one.com', document.getElementById('one'))
  render('two', 'http://two.com', document.getElementById('two'))
}



init()