第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

Vue 如何打包純前端靜態(tài)資源項目

標(biāo)簽:
JavaScript

背景

在企数保项目开发前期,由于项目紧急,需要先做一个独立于后端的纯前端演示项目,即不依赖于后端打包纯前端静态资源。现有的项目代码和打包配置,需要基于以上需求进行修改,本文章是对修改过程中遇到的问题进行记录和总结。

解决方案

修改 VueRouter 的路由模式为默认的 hash 模式

修改 src/router/index.js 文件,把 mode: ‘history’ 这一行注释掉就行
file

修改 Webpack 打包配置

修改 build/index.js 文件,把 build 对象下的 assetsPublicPath 的值由 ‘/’ 改为 ‘./’
file

修改代码中图片的引入方式为相对路径

首先,所有引入图片资源的地方,都改为相对路径方式引入,包括 CSS 样式、Style 样式
file
其次,由于 CSS 内容在打包之后会输出到另一个文件夹,导致代码里写的相对路径和实际打包后的相对路径对不上,所以要修改对应的打包配置
file

最终效果

file

點擊查看更多內(nèi)容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學(xué)

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消