出现过程:
给元素设置了background背景图片后,进行打包的时候出现了Module parse failed: Unexpected character ‘�’:
原因:
webpack将各个模块打包成一个文件,样式中的url路径是相对入口html页面的,而不是相对于原始css文件所在的路径的,因此导致图片引入失败。
解决方法:
引入url-loader:
...
module: {
rules: [
{
test: /\.(jpg|png|gif)/,
use: "url-loader?limit=8000"
}
]
}
...