记录学习vue在css引用路径无效的情况

background-image: url("../pic/mainback.jpg");
页面console报错

You may need an appropriate loader to handle this file type

像这种错一般是少loader,针对.jpg结尾的,我们缺少loader

针对此,我们需要在webpack.config.js加

rules: [
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
}
}
],
在package.json加上
"url-loader": "^0.5.8",

我们重新打包npm install,


posted @ 2020-05-06 14:54  倚天飞狐  阅读(289)  评论(0)    收藏  举报