溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關利用Nuxt.js如何實現打包和靜態資源，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
直接引入圖片
我們在網上任意下載一個圖片，放到項目中的static文件夾下面，然后可以使用下面的引入方法進行引用。
<div <img src="~static/logo.png"></div>
這時候在npm run dev 下是完全正常的，那我們看一下打包。
打包靜態HTML并運行
用Nuxt.js制作完成后，你可以打包成靜態文件并放在服務器上，進行運行。
在終端中輸入：
npm run generate
然后在dist文件夾下輸入live-server就可以了。
總結：
Nuxt.js框架非常簡單，因為大部分的事情他都為我們做好了，我們只要安裝它的規則來編寫代碼。
補充知識：Nuxt.js性能優化之圖片加載
方法：
小圖片放在assets文件夾中會通過webpack使用file-loader和url-loader處理轉換成base64;
***切記:大圖片會適得其反!!!
上述就是小編為大家分享的利用Nuxt.js如何實現打包和靜態資源了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
