Vue：利用require.context自动注册组件

require.context(directory, useSubdirectories = false, regExp = /^\.\//)

//  global.js文件 Vue.use(global);
function changeStr(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}
// 查找同级目录下以vue结尾的组件
const requireComponent = require.context("./", false, /\.vue$/);
// 对外暴露install方法
const install = (Vue) => {
  requireComponent.keys().forEach((fileName) => {
    let config = requireComponent(fileName);
    console.log(config); // ./child1.vue 然后用正则拿到child1
    let componentName = changeStr(
      fileName.replace(/^\.\//, "").replace(/\.\w+$/, "")
    );
    Vue.component(componentName, config.default || config);
  });
};
export default {
  // 对外暴露install方法
  install,
};

Vue.use(global);