聊聊Vue打包背景图片报错的解决方案

ERROR in ./src/assets/img/background.pngModule build failed: Error: You may need an appropriate loader to handle this file type.

module: {  rules: [    {      test: /.(png|jpe?g|gif|svg)(?.*)?$/,      use: [        {          loader: 'url-loader',          options: {            limit: 10000,            name: 'img/[name].[hash:7].[ext]'          }        }      ]    },    {      test: /.(mp4|webm|ogg|mp3|wav|flac|aac)(?.*)?$/,      loader: 'url-loader',      options: {        limit: 10000,        name: 'media/[name].[hash:7].[ext]'      }    },    {      test: /.(woff2?|eot|ttf|otf)(?.*)?$/,      loader: 'url-loader',      options: {        limit: 10000,        name: 'fonts/[name].[hash:7].[ext]'      }    },    {      test: /.scss$/,      loaders: ["style", "css", "sass"]    },    {      test: /.vue$/,      loader: 'vue-loader'    }  ],  ...}

background-image: url(../assets/img/background.png);

output: {    path: config.build.assetsRoot,    filename: '[name].[chunkhash].js',    publicPath: '/'}