問題タブ [gridsome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1439 参照

vue.js - Autoprefixer を TailwindCSS および Gridsome と連携させる

次の手順に従って、Gridsome で TailwindCSS を正常にセットアップしました: https://gridsome.org/docs/assets-css/#tailwind

ただし、これらの手順には、autoprefixer のセットアップ方法も記載されていません。そこで、次のように自分で試してみました。

  • npm install autoprefixer
  • ファイルを変更しましたgridsome.config.js(変更した内容のコメントを含む変更されたコードについては、以下を参照してください)
  • ランgridsome develop
  • ベンダー プレフィックスが追加されているかどうかを確認するflexために、 のクラスを追加しました。p

結果...

何もない。接頭辞なし ( のみdisplay: flex;)。

これを機能させる方法はありますか?

ありがとう

変更された gridsome.config.jsファイル: