2

我开发了一个单页 Web 应用程序。

问题是图像文件的路径是以绝对方式定义的。

因此，我尝试在这些路径中添加'./public'，这意味着图像文件在公共文件夹下。（在本地开发环境中我使用代理来处理这种情况，而在生产服务器环境中，代理无法使用)

[ex) url('/image/headers/picture.png')，写在 scss 文件中=> url('./public/image/headers/picture.png')，转换成 bundle.js文件]

我认为通过使用 file-loader 或 url-loader 到 webpack.configure 文件可以轻松解决，如下所示：

output:{
    publicPath:'./public'
}
module:{
    loaders:[
        {test:/\.(|png|gif)$/,loader:'file-loader'}
    ]
}

但是，当我打开 bundle.js 文件时，publicPath 不会添加到原始图像路径中。我尝试使用 resolve-url-loader 但它仅适用于相对路径的类似情况。

感谢您的关注，我是 webpack 的新手。我看过其他类似的问题，但没有运气，如果这感觉像是被问到了，很抱歉

4

0 回答 0