picocontainer2
TypeScript icon, indicating that this package has built-in type declarations

0.0.7 • Public • Published

说明: 当前是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()

Package Sidebar

Install

npm i picocontainer2

Homepage

#

Weekly Downloads

1

Version

0.0.7

License

MIT

Unpacked Size

153 kB

Total Files

40

Last publish

Collaborators

  • collen