|
標(biāo)簽:文件 webpacks require item let context redux 1、 語(yǔ)法:let webpacks = require.context (directory,useSubdirectories,regExp) (directory:"文件路徑",useSubdirectories:"布爾值",regExp:"正則表達(dá)式") // 返回值 是webpack實(shí)例 2、require.context實(shí)例有兩個(gè)方法: let list=webpacks .keys() // 獲取到每一個(gè)暴露的內(nèi)容,數(shù)組結(jié)構(gòu) webpack('路徑').default // 獲取到路徑中導(dǎo)出的模塊 3、作用:自動(dòng)獲取文件中的暴露內(nèi)容 4、案例:自動(dòng)注冊(cè)全局組件,用戶在 指定文件 ,只要?jiǎng)?chuàng)建一個(gè).vue 然后創(chuàng)建成一個(gè)全局組件https://www./show/4/184620.html //自動(dòng)的方法
// require.context('文件路徑','布爾值','正則')
//語(yǔ)法:require.context('文件路徑','布爾值','正則')
//這個(gè)實(shí)例有兩個(gè)api 1、keys() =>文件路徑 =》數(shù)組結(jié)構(gòu) 2、webpack(文件路徑).default 這個(gè)文件內(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 自動(dòng)獲取到 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來(lái)源: https://www./show/4/184620.html |
|
|