在Nuxt.js中靜態資源文件分為兩類,一類是需要webpack處理的,另外一類是不需要webpack處理的。它們的存放目錄是不一樣的,下面簡單梳理一下。
(1)assets
目錄
如果靜態資源文件需要webpack加載器做構建編譯處理的,那么就需要放置在assets目錄中。
file-loader
能讓你指定從什么地方拷貝資源文件以及發布后放到哪個目錄去,並能讓你使用版本哈希碼來重命名發布后的文件來實現增量更新和更好的緩存策略。url-loader
能根據你指定的文件大小閾值,來判斷一個文件是轉換成內聯的base-64碼(如果該文件尺寸小於該閾值)還是使用file-loader
來降級處理。小文件base-64化能有效減少HTTP請求數。
(2)static
目錄
如果靜態資源文件不需要webpack加載器做構建編譯處理的,那么就需要放置在static目錄中;Nuxt 服務器啟動的時候,static目錄下的文件會映射至應用的根路徑 /
下。