NuxtJS項目——資源文件


  在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目錄下的文件會映射至應用的根路徑 / 下。


免責聲明!

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



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