电竞比分网-中国电竞赛事及体育赛事平台

分享

require.context 自動引入指定目錄下的文件、組件、redux

 印度阿三17 2023-01-06 發(fā)布于重慶
標(biāo)簽:文件 webpacks require item let context redux

1、 語法:let  webpacks = require.context (directory,useSubdirectories,regExp) 

  (directory:"文件路徑",useSubdirectories:"布爾值",regExp:"正則表達(dá)式")

  // 返回值 是webpack實例 

2、require.context實例有兩個方法: let list=webpacks .keys()   // 獲取到每一個暴露的內(nèi)容,數(shù)組結(jié)構(gòu)         webpack('路徑').default   // 獲取到路徑中導(dǎo)出的模塊

3、作用:自動獲取文件中的暴露內(nèi)容

4、案例:自動注冊全局組件,用戶在 指定文件 ,只要創(chuàng)建一個.vue 然后創(chuàng)建成一個全局組件https://www./show/4/184620.html


//自動的方法
//  require.context('文件路徑','布爾值','正則')

//語法:require.context('文件路徑','布爾值','正則')

//這個實例有兩個api  1、keys() =>文件路徑 =》數(shù)組結(jié)構(gòu)  2、webpack(文件路徑).default 這個文件內(nèi)容
//

function  getArrs(){
   let arrs = []
   let webpacks=   require.context('./',true,/\.vue/)
     console.log(webpacks.keys());

     webpacks.keys().forEach((item,index)=>{
        // ./BackTop.vue
        arrs.push({name:item.replace('./','').replace('.vue',''),com:webpacks(item).default})
     })

     return arrs
     
}

function obj(App){
    console.log(66666,App);

    //1 自動獲取到 arrs 結(jié)構(gòu)

   let comList =  getArrs()


   console.log(comList);

    comList.forEach((item)=>{
        App.component(item.name,item.com)
    })

}

export default obj
標(biāo)簽:文件,webpacks,require,item,let,context,redux
來源: https://www./show/4/184620.html      

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多