国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Nuxt 3 と Vite を使用してグローバル CSS を効率的に追加する
P粉256487077
P粉256487077 2023-08-25 18:19:44
0
1
677
<p>グローバル Sass がプロジェクトに含まれていますが、それをプロジェクトに追加する効率的な方法が見つかりません。 </p> <p>プロジェクトに CSS を追加するには 2 つの一般的な方法があるようです。 </p> <pre class="brush:php;toolbar:false;">vite: { プラグイン: [svgLoader()]、 css: { プリプロセッサオプション: { scss: { 追加データ: ` @import "~/assets/styles/main.scss"; `、 }、 }、 },</pre> <p>vite を使用すると機(jī)能するようですが、使用するすべてのコンポーネントにそれ自體が挿入されるようです。そのため、プロジェクトをビルドすると、CSS が複數(shù)回繰り返され、一部のファイルは最大 300 秒レートになることがわかります。この問題は vites 側(cè)で見つかりました https://github.com/vitejs/vite/issues/4448</p> <pre class="brush:php;toolbar:false;">css: ["@/assets/styles/main.scss"],</pre> <p>上記のオプションはすべてのコンポーネントに対してこれを行うわけではないようですが、.vue ファイル內(nèi)の通常のスコープの Sass は、この方法でコンパイルするときに Sass 変數(shù)とミックスインを選択しません</p>
P粉256487077
P粉256487077

全員に返信(1)
P粉358281574

すべてのページに追加するには、AdditionalData を使用します。このプロジェクトは mixns と vars でのみ動作し、ビルド時に永続的な CSS に変換されません。

基本的には、AdditionalData のミックスインで vars を使用し、次に css で global.scss

を使用します。
最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート