美文网首页
import.meta.glob和import.meta.glo

import.meta.glob和import.meta.glo

作者: 勇敢的小拽马 | 来源:发表于2022-10-17 14:40 被阅读0次

    import.meta.glob 为过动态导入,构建时,会分离为独立的 chunk

    const files = import.meta.glob('./module/*.js')
    
    const modules = {}
    for (const key in files) {
        files[key]().then(res=>{
            modules[key.replace(/(\.\/module\/|\.js)/g, '')] = res.default
        })
    }
    
    Object.keys(modules).forEach(item => {
        modules[item]['namespaced'] = true
    })
    

    import.meta.globEager 为直接引入

    const files = import.meta.globEager('./module/*.js')
    
    const modules = {}
    for (const key in files) {
        modules[key.replace(/(\.\/module\/|\.js)/g, '')] = files[key].default
    }
    
    Object.keys(modules).forEach(item => {
        modules[item]['namespaced'] = true
    })
    

    相关文章

      网友评论

          本文标题:import.meta.glob和import.meta.glo

          本文链接:https://www.haomeiwen.com/subject/dxhdzrtx.html