记录学习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，