美文网首页
创建一个webpack上下文的require模块引入

创建一个webpack上下文的require模块引入

作者: 站着瞌睡 | 来源:发表于2021-02-24 21:57 被阅读0次
    // webpack会创建一个以svg目录为上下文的require函数
    const req = require.context('./svg',false, /\.svg$/)
    // 把所有文件都引入一遍
    req.keys().map(req)
    
    /**
     * @description 批量导入文件
     * @param {Object} context 上下文对象
     * @param {RegExp} reg 匹配规则
     * @returns {Object} 对象
     */
    export const importAllModule = (context: RequireContext, reg = /\.vue$/) => {
      return context.keys().reduce((compObj: any, fileName) => {
        const compName = changeStr(fileName.replace(/^\.\//, '').replace(/\.\w+$/, ''))
        compObj[compName] = context(fileName).default || context(fileName)
        return compObj
      }, {})
    }
    

    相关文章

      网友评论

          本文标题:创建一个webpack上下文的require模块引入

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