webpack(4.16.0)打包时出现Module parse failed: Unexpected character '�'：

出现过程：

给元素设置了background背景图片后，进行打包的时候出现了Module parse failed: Unexpected character ‘�’：

原因：

webpack将各个模块打包成一个文件，样式中的url路径是相对入口html页面的，而不是相对于原始css文件所在的路径的，因此导致图片引入失败。

解决方法：

引入url-loader：

...
 module: {
     rules: [
         {
             test: /\.(jpg|png|gif)/,
             use: "url-loader?limit=8000"
         }
     ]
 }
...