gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 00:35:45 24 4
gpt4 key购买 nike

问题是我的 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";

最佳答案

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

关于javascript - 如何在 next/js 中整齐地导入多张图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71649509/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com