如何在Webpack中使用CSS中的图像

如何在Webpack中使用CSS中的图像

我陷入类似的问题，发现您可以像其他任何require或import语句一样使用它

url-loader

来解析

"url()"

CSS中的语句。

要安装它：

npm install url-loader --save-dev

它将安装可以将解析路径转换为base64字符串的加载程序。

在您的webpack配置文件中，在加载器中使用url-loader

{  test: /.(png|jpg)$/,  loader: 'url-loader'}

另外，请确保正确指定了公共路径以及要加载的图像的路径。