1. 程式人生 > >vue-cli+webpack打包路徑報錯問題

vue-cli+webpack打包路徑報錯問題

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: './', // 新增這一行配置
}
此方法親測有效