javascript - 如何在 next/js 中整齐地导入多张图片？

Question

问题是我的 public 中有 10 张图片。文件夹，我想在组件中使用它们。而不是写

import imgurl1 from "../../public/celsius.gif";
import imgurl2 from "../../public/compass.gif";
import imgurl3 from "../../public/rain.gif";
.
.
.
import imgurl8 from "../../public/thermo.gif";
import imgurl9 from "../../public/sunset.gif";
import imgurl10 from "../../public/wind.gif";

上面的代码，我想用更整洁干净的代码吗？有没有办法不重复同一行并全部导入？
我假设类似

import { imgurl1,imgurl2,...imgurl10, } from "../../public";

Answer 1

Next JS 的图像导入是作为一个 webpack 插件实现的，使用 import symbol from 'filepath 实现。 - 您将无法直接更改工作方式，但没有什么可以阻止您创建导出导入文件的帮助文件。
换句话说，您可以将所有导入内容移至 images.js。并将它们全部导出到底部。然后，您可以使用解构导入来导入它们。