问题:当我引入icon时,每次都需要import x from "@/assets/icons/xxx.svg";,如果我有100icon我就需要引入100遍,能不能把我目录下的icon都引入一遍呢?
解决:在script 里面 加入这几行代码就可以实现全部icon都引入了。
下面代码即可实现:将一个目录任意后缀的文件,统一全部引入到当前文件(记住这个代码)
<script lang="ts">
const importAll = (requireContext: __WebpackModuleApi.RequireContext) =>
requireContext.keys().forEach(requireContext);
try {
// 指定要去哪个目录
importAll(require.context("../assets/icons", true, /\.svg$/));
} catch (error) {
console.log(error);
}
</script>