批量引入

104 阅读1分钟

批量引入文件

import.meta.glob为动态导入,构建时会分离成独立的chunk import.meta.globalEager为直接引入

    const files = import.meta.glob('./module/*.js')
    const files = import.meta.globEager('./module/*.js')

require.context(directory,useSubdirectories,refExp)

    // context函数会返回一个导入函数 imporFn
    // imporFn有个属性keys() 获取所有的文件路径
    const imporFn = require.context('./module',false,/\.js$/)
    imporFn.keys().forEarch(ite,=>{
        // 这里需要.default才能找到路径
        const com = imporFn(item).default
        app.component(com.name,com)
    })

参考:blog.csdn.net/guorui999/a…