{项目解决问题} vue-cli 打包 背景图片丢失问题及修改打包图片上限

Vue 打包后背景图片不显示问题

build/utils.js增加

function generateLoaders (options) {
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
// 写改css中的路径
publicPath: '../../'
})
}}

webpack.base.conf.js

{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 1000000,//设置图片大小阈值
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},