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

ERROR in ./src/assets/img/background.png Module 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: '/' }