如何使用webpack服务器从根路径（/）的子目录路径（/public）提供图像？_Webpack_Webpack Dev Server_Webpack 2_Webpack 4_Webpack Style Loader

如何使用webpack服务器从根路径（/）的子目录路径（/public）提供图像？

webpack

如何使用webpack服务器从根路径（/）的子目录路径（/public）提供图像？,webpack,webpack-dev-server,webpack-2,webpack-4,webpack-style-loader,Webpack,Webpack Dev Server,Webpack 2,Webpack 4,Webpack Style Loader,我正在开发用于Next.js应用程序的组件。现在，我正在尝试找出如何配置Webpack以解决以下不一致性：我的应用程序使用Next.js，因此我需要编写和背景图像：url（“/image.jpeg”）来显示存储在相对于项目根目录的public/image.jpeg中的图像。（）但是，Playroom似乎从项目的根目录解析路径和背景图像：url（…）路径。我需要使用或背景图像：url（'public/image.jpeg'）来显示存储在public/image.jpeg 这使得Playroom

我正在开发用于Next.js应用程序的组件。现在，我正在尝试找出如何配置Webpack以解决以下不一致性：

我的应用程序使用Next.js，因此我需要编写

和

背景图像：url（“/image.jpeg”）

来显示存储在相对于项目根目录的

public/image.jpeg

中的图像。（）

但是，Playroom似乎从项目的根目录解析

路径和背景图像：url（…）
路径。我需要使用
或背景图像：url（'public/image.jpeg'）
来显示存储在public/image.jpeg


这使得Playroom环境中我的图像的路径与图像需要在Next.js环境中正确解析的路径不兼容
理想情况下，我希望在游戏室环境中，所有以/
开头的图像路径都解析为以/public
开头的路径。例如，/image.jpeg
将解析为/public/image.jpeg

Playroom公开了一个提供自定义网页包配置的选项。如何使用此配置完成上述行为并解决此问题