<p>Vite、Tailwind CSS、postcss を使用して VueJS セットアップを行っており、<code>.env.name</code> ファイル内の変数を使用してさまざまな色を定義して、どこにあるかに基づいて適用できるようにしたいと考えています。コードがデプロイされます。 さまざまなカラーテーマが展開されます。 < /p> </p><p><code>.env</code></p>を含むファイルを使用してみました。 <pre class="brush:php;toolbar:false;">VITE_COLOR="FF0000"</pre> <p>そして <code>tailwind.config.js</code> に </p> をインポートします。 <pre class="lang-js prettyprint-override"><code>... テーマ： { 色: { プライマリ: import.meta.env.COLOR } } ... </code></pre> <p>しかし、次のエラーが発生します: </p> <ブロック引用> <p>構文エラー: 'import.meta' はモジュール外では使用できません</p> </blockquote> <p>機能させるには何を変更する必要がありますか、それとももっと良い方法はありますか? </p>