前端只是總結(十二):assets 和 static的區別

相同點:資源在html中使用,都是可以的。

不同點:使用assets下面的資源,在js中使用的話,路徑要經過webpack中file-loader編譯,路徑不能直接寫。

assets中的文件會經過webpack打包,重新編譯,推薦該方式。而static中的文件,不會經過編譯。項目在經過打包後,會生成dist文件夾,static中的文件只是複製一遍而已。簡單來說,static中建議放一些外部第三方,自己的放到assets,別人的放到static中。

注意:如果把圖片放在assets與static中,html頁面可以使用;但在動態綁定中,assets路徑的圖片會加載失敗,因爲webpack使用的是commenJS規範,必須使用require纔可以。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章