如何批量import

vue如何批量引入模块

const requireComponent = require.context(
    "./components", //组件所在目录的相对路径
    true, //是否查询其子目录
    /\w+\.vue$/ //匹配基础组件文件名的正则表达式
);
let components= {};
requireComponent.keys().forEach(fileName => {
  // 获取文件名
  let names = fileName.split("/").pop().replace(/\.\w+$/, "");
  // 获取组件配置
  const componentConfig = requireComponent(fileName);
  // 若该组件是通过"export default"导出的，优先使用".default"，否则退回到使用模块的根
  components[names] = componentConfig.default || componentConfig;
});

export default {
  components
}

如何批量引入svg

const importAll=(requireContext)=>
	requireContext.keys().forEach(requireContext)
	
importAll(require.context('@/assets/svg', true, /\.svg$/))

require.context接受的三个参数

1、文件的路径

2、是否遍历文件的子目录

3、匹配文件的正则