issues
search
weishenHong
/
todo-and-infos
一些待办事项和技术相关信息收集
1
stars
0
forks
source link
vuecli 中靜態文件的處理
#41
Open
weishenHong
opened
11 months ago
weishenHong
commented
11 months ago
相对路径 會被轉換成 require('./image.png') ,所以 src 、 url 是可以使用相對路徑(只有圖片會被複製到構建目錄,如果是其他格式的文件,打包後不會打包到包中)
href不可以,瀏覽器如何解析href ? 基於絕対路徑?
require 使用require使Webpack处理该文件,并返回文件的引用路径,可以在代码中使用。
需要註意的是,除了圖片外的文件需要另外的loader才可以正確處理
放在Public下的文件,可以直接使用根目錄的絕対路徑 /1.pdf 引用,但是在部署時如果不是根目錄部署就會出現問題,可以用
process.env.BASE_URL + '/2.pdf'
這種方式去引用文件,注意需要在webpack設置 baseurl (根據環境區分)