美文网首页
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