vue-cli+webpack打包路径报错问题

版权声明：本文已在我的公众号：【前端很忙】，原创首发，欢迎关注~！转载请务必注明出处！ https://blog.csdn.net/Bs__Q/article/details/84330540

vue-cli 打包配置

1、配置项目引用文件问相对路径；
2、引用js文件路径错误；
3、图片路径错误；
4、背景图片路径错误；

解决以上问题，需修改三个地方：

1、config/index.js（大约46行）

build: {
	assetsPublicPath: './' // 修改为相对路径
}

2、build/utils.js（大约51行）

if(options.extract){
	return ExtractTextPlugin.extract({
		use: loaders,
		fallback: 'vue-style-loader',
		publicPath: '../../' // 此处解决css中背景图片路径报错
	})
}

3、build/webpack.prod.conf.js（大约25行）

output: {
	publicPath: './', // 添加这一行配置
}

此方法亲测有效