標(biāo)簽:文件 webpacks require item let context redux 1、 語法:let webpacks = require.context (directory,useSubdirectories,regExp) (directory:"文件路徑",useSubdirectories:"布爾值",regExp:"正則表達(dá)式") // 返回值 是webpack實(shí)例 2、require.context實(shí)例有兩個方法: 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('文件路徑','布爾值','正則') //這個實(shí)例有兩個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 |
|