0

TailwindCSS を含む webpack を使用して Vuejs プロジェクトをセットアップしようとしています。私は、Jerrie のブログ投稿 ( https://www.jerriepelser.com/blog/using-tailwindcss-with-vuejs/ ) と github の Adam の例( https://github.com/adamwathan ) の指示に従っています。 /vue-cli-tailwind-example )。しかし、main.css ファイルのビルドに関しては、問題が発生し続けています。

私の手順:

1.) Vue プロジェクトを作成する -

vue init webpack tailwind-test

2.) 次に、NPM インストールを実行します -

npm install

Vue プロジェクトをセットアップして、Tailwind を追加しようとしましたが、少し苦労しました。

3.) Tailwind NPM をインストールします -

npm install tailwindcss --save-dev

4.) 次に、設定ファイルを追加します -

./node_modules/.bin/tailwind init tailwind.js

これは私が問題を抱えているところです...

5.) CSS ファイルを作成します -

cd src 
cd assets
mkdir styles 
touch main.css

6.) 次に、main.css ファイルを入力し、次を追加します -

@tailwind preflight; 
@tailwind utilities;

ここから、テキスト エディターが「at-rule unknown」というエラーを返すため、.postcssrc.js ファイルの最後の仕上げを更新できません。

フィードバックをいただければ幸いです。

ありがとう
-MB

4

2 に答える 2

1

プロジェクトにどのようにmain.css組み込んでいますか?

また、vue webpack テンプレートは PostCSS を使用するため、ドキュメントが示唆するようにする必要があります。

@import "tailwindcss/preflight";
@import "tailwindcss/utilities";

それでも@tailwind動作するはずです。

于 2018-05-17T00:52:24.833 に答える