【vue】vue-cli中 對於public文件夾的處理


pubcli和assets文件夾都是用來存儲靜態資源的,:

【assets文件夾】

通過相對路徑被引入,這類引用會被webpack處理;

比如:

會被編譯成:

 

再比如:

會被編譯成:

 

【public文件夾】

放在public目錄下的資源會被直接復制,不會經過webpack的打包處理。

但是要注意的是:public中的空文件夾資源是不會被復制的。

即使使用copy-webpack-plugin也是不會被copy的。

所以如果要引用的資源不希望被webpack處理時,可以將其放在public文件夾下,在index.html內引用資源文件且不希望被webpaxk處理時,可以加上前綴:

<%= BASE_URL %>

示例如下:

 

【參考文章】

vue-cli中不想經過webpack打包的靜態資源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM