Nuxt.js静的資源と包装の操作
画像を直接に取り込む
私たちはネット上で任意の写真をダウンロードしてプロジェクトの中のstaticフォルダの下に置いて、次の導入方法を使って引用します。
<div
この時npm run devでは全く正常です。包装を見てみます。
静的HTMLを梱包して実行します。
Nuxt.jsで作成した後、静的なファイルに包装してサーバに置いて運行します。
端末に入力:
npm run generate
そしてdistフォルダの下にlive-serverを入力すればいいです。
まとめ:
Nuxt.jsフレームワークはとても簡単です。ほとんどのことは彼が作ってくれました。コードを作成するためにそのルールをインストールしてください。
補足知識:Nuxt.js性能最適化の写真ロード
方法:
小さい写真はastesフォルダに置いて、webpackを使ってfile-loaderとurl-loaderを使ってbase 64に変換します。
****は覚えています:大きいピクチャーは逆効果になることができます!!
以上のNuxt.js静的資源と包装の操作は小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。
私たちはネット上で任意の写真をダウンロードしてプロジェクトの中のstaticフォルダの下に置いて、次の導入方法を使って引用します。
<div
この時npm run devでは全く正常です。包装を見てみます。
静的HTMLを梱包して実行します。
Nuxt.jsで作成した後、静的なファイルに包装してサーバに置いて運行します。
端末に入力:
npm run generate
そしてdistフォルダの下にlive-serverを入力すればいいです。
まとめ:
Nuxt.jsフレームワークはとても簡単です。ほとんどのことは彼が作ってくれました。コードを作成するためにそのルールをインストールしてください。
補足知識:Nuxt.js性能最適化の写真ロード
方法:
小さい写真はastesフォルダに置いて、webpackを使ってfile-loaderとurl-loaderを使ってbase 64に変換します。
****は覚えています:大きいピクチャーは逆効果になることができます!!
以上のNuxt.js静的資源と包装の操作は小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。