zoukankan      html  css  js  c++  java
  • vue-router懒加载

    require.ensure(dependencies:String [],callback:function(require),errorCallback:function(error),chunkName:String)

    require.ensure()接受三个参数:

    第一个参数的依赖关系是一个数组,代表了当前需要进来的模块的一些依赖
    。第二个参数回调就是一个回调函数其中需要注意的是,这个回调函数有一个参数要求,通过这个要求就可以在回调函数内动态引入其他模块值得注意的是,虽然这个要求是回调函数的参数,理论上可以换其他名称,但是实际上是不能换的,否则的的的的WebPack就无法静态分析的时候处理它; 
    第三个参数errorCallback比较好理解,就是处理错误的回调; 
    第四个参数chunkName则是指定打包的组块名称。

    require.ensure()实现

    const home = r => require.ensure([], () => r(require('../page/home/home')), 'home')
    const city = r => require.ensure([], () => r(require('../page/city/city')), 'city')
    const msite = r => require.ensure([], () => r(require('../page/msite/msite')), 'msite')
    const search = r => require.ensure([], () => r(require('../page/search/search')), 'search')

    import()实现

    const home = () => import(/* webpackChunkName: "home" */ '../page/home/home')

  • 相关阅读:
    WPF中各个Template的分析(转)
    WPF TreeView
    微信支付文章综合
    WPF 颜色渐变
    史上最全的厦门英语角!赶紧收藏啦!
    SQL008存储过程总结
    SQL SERVER事务处理
    HTTP 头部解释
    为你详细解读HTTP请求头的具体含意
    IIS部署常见问题总结
  • 原文地址:https://www.cnblogs.com/xiaosongJiang/p/10088855.html
Copyright © 2011-2022 走看看