Loader模式和生命周期

在dev2.0.4版本中,加入了loader模式和生命周期的概念。

  • loader模式是通过loader进行版本控制和文件加载,优化了之前的四个关键文件替换的繁琐操作,目前只需要在页面引入 //mat1.gtimg.com/auto/2018/wau/wau-common/loader/20181008/index.js即可,配置在下文会详细讲解
  • 生命周期目前加入了wau渲染前before和完成渲染后after两个生命周期,支持在这两个生命周期中引入css和js文件,执行顺序即引入顺序。

生命周期引入后,支持在before引入vue组件进行混合模式开发,具体见vue混合模式开发

1、loader模式的配置和使用

loader在页面中的基础配置如下所示(基础版配置,基本不会影响之前的代码)

var wau = {}; //配置wau数据的json,跟之前一样
window.wauLoaderConfig = {
  mode: 'json', //该配置会读取wau-json
  version: '2.0.2.180126' //wau版本号
};

//引入loader.js
<script type="text/javascript" src="//mat1.gtimg.com/auto/2018/wau/wau-common/loader/20181008/index.js"></script>

2、生命周期说明

生命周期示意图

生命周期目前分为beforeafter,使用方式如下

wau_lifecycle:
  before:
    css:
      - '/static/plugin/test/life1.css'
    js:
      - '/static/plugin/test/life1.js'
  after:
    css:
      - '/static/plugin/test/life2.css'
    js:
      - '/static/plugin/test/life2.js'

results matching ""

    No results matching ""