React使用公共資料夾public

2021-09-29 13:38:40 字數 569 閱讀 2343

其實放在兩個資料夾區別就在於是否會被webpack所處理,如果您將檔案放入該public資料夾,webpack 將不會處理它,在你打包的時候,會將public資料夾直接複製乙份到你構建出來的資料夾中。而src/assets目錄的檔案(前提你在js中有引入),它會被webpack編譯,比如,如果你的小於你在webpack中的loader下設定的limit大小(可配置),它會被編譯成base64,從而在實際專案中減少http請求,放置在src/assets目錄有以下幾點好處:

當然,在實際專案中,公共資料夾public還是有它的作用的,如果你希望你的檔案不被編譯,比如jquery.min.js,或者壓縮好的js外掛程式等,你就可以把檔案放在public資料夾中,這樣還可以減少檔案構建時間,可以減少構建檔案的大小。換過來想,如果你把所有靜態資源全部放在assets資料夾中,你會發現最後打包出來的檔案很大,導致首頁白屏時間過長,所以,你可以把一些不會改動的靜態檔案放到public中。

如果在index.html中,你可以像這樣去使用它:

render()  //>;

}

批處理 新建公共資料夾和使用者資料夾

echo off rem 新建公共資料夾和使用者資料夾 md d public md d user rem 共享公共資料夾給所有使用者唯讀許可權 net share public d public grant everyone,read unlimited echo y cacls d public...

利用遞迴刪除資料夾(資料夾中套資料夾)

刪除目錄 bool deldir const ansistring p if p.isempty p.length 4 return false 引數必須大於3,即不能為磁碟根目錄或空白 int len p.length char path p.c str ansistring dir ansist...

stp檔案怎麼變資料夾 打孔資料夾怎麼使用

打孔資料夾怎麼使用?廣州必能文具 必能文具來告訴大家 1 首先開啟打孔資料夾。2 然後取下資料夾圈口的壓條,並且掰開圈口。3 之後將打好孔的檔案安裝進去,切記孔的位置需要和圈口對應。4 最後再壓上壓條,就完成了。1 將需要整理的檔案疊放整齊,觀察打孔器,打孔器左邊為刻度標尺,有紙張尺寸標註,包括a4...