さまざまなクライアントが使用するアプリケーションを開発していますが、ばかげているように聞こえるかもしれませんが、カラースキームは獨(dú)自の機(jī)密情報(bào)とみなされているため、「テーマ」をクライアント間で共有することはできません。
これで、色はメインの App.vue
コンポーネントで定義され、<stylescoped>
の代わりに <style>
が使用されなくなり、ダウンストリームで定義されます。コンポーネントにはスコープが設(shè)定されています。
現(xiàn)在の動(dòng)作方法では、CSS 変數(shù)を使用して色とグラデーションを定義しています。
私は多かれ少なかれ、疑似コードのようなことを行うソリューションを探しています:
リーリーすべての下流コンポーネントはこれらの変數(shù)を使用し、これは非常に大規(guī)模なアプリケーションであることに留意してください。
私はバンドルに Vite を使用しています (それが機(jī)能する場(chǎng)合)。
.css
ファイルを作成して、クライアントごとにこれらの CSS 変數(shù)をエクスポートできます。次に、main.js
エントリ ポイントで、そのクライアントに対応するファイルをインポートできます: