url-loader

给一个div设置背景图片background-image: url('../img/1.jpg');项目运行，和webpack打包都会报如下错误提示。

image.png
一般出现Module parse failed: Unexpected character '�' (1:0)这样的问题有两种可能。
第一种：可能是因为你用了

  webpack -w  // 这只是监听webpack 输入的变化

所以这时候你要重新webpack，不能只是刷新，因为你配置改变了webpack - w不会检测到的。
第二种：需要看一下项目中有没有安装

   npm install url-loader  
   npm install file-loader

如果没有安装那么你就需要安装一下了，安装完之后再package.json文件中的dependencies下就会看到。

image.png
当然我们还需要在webpack.config.js中配置如下
image.png
然后重新启动项目就OK了。