node.js自动化读取同文件名vue，并引入组件

本文主要是介绍node.js自动化读取同文件名vue，并引入组件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

// 自动化引入模块组件
const path = require('path')
const files = require.context('@/components/common/modules', false, /\.vue$/)
const modules = {}
files.keys().forEach(key => {
    const name = path.basename(key, '.vue')
    modules[name] = files(key).default || files(key)
})
// console.log('modules',modules)
// 获取组件的名称
const modules_name = []
for (let key of Object.keys(modules)) {
    let name = key.split('common')[1]
    modules_name.push(+name)
}
// console.log('modules_name',modules_name)

export default {

　　components: {...modules},
}

这篇关于node.js自动化读取同文件名vue，并引入组件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！