目標(biāo):用Vue cli 構(gòu)建項(xiàng)目打包胳搞,打包完成后搁吓,直接將index.html文件及static文件夾上傳至CDN靜態(tài)服務(wù)器
有以下幾處需要修改:
config/index.js
build 下的 assetsPublicPath 需要改為 './'谦疾,即改為index.html文件的相對路徑
main.js
由于并不是部署在服務(wù)器中,需要將路由相關(guān)文件移除伞芹,并且不能引入 vue-router怯邪,直接引入App.vue 組件即可
css文件中路徑問題
在css文件中 background-image 使用圖片路徑無法被正確打包,需要在build/utils.js文件中的 ExtractTextPlugin 插件中如下配置:
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../', //主要是增加此行丙者,路徑可按實(shí)際情況配置
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}