一、依赖引入:
主业务线引入vue、vuex、公共方法、公共组件,并绑定到window对象,需要异步加载的子业务线通过window.XXX进行引入,不需要再次Import。
二、基础组件:
抽离与业务无关组件,如dialog、toast等。
三、异步加载:
- 将子业务线组件化。
- 在主业务线的配置文件中添加相关配置,如子业务线相关参数、js文件的url地址。异步注册组件:
const src = MY_JS_SRC
Vue.component(COMPONENT_NAME, (resolve, reject) => {
download(src).then((component) => {
resolve(component)
}).catch(() => {
reject()