CSSとSvelteの協調作業

私の最後のポストの後で、私はsvelteで風変わりなCSS開発環境を上げて、走らせるために、更なる仕事をしなければなりませんでした.私はこのポスト(およびそのコメント)をガイドとして使用しました

StarWindCSSをSvelteプロジェクトに追加する簡単な方法

インバント・ 5月8日・ 2分読む

#tailwindcss #svelte #postcss #purgecss

devサーバを実行するときにcssを処理するには、追加のNPMパッケージが必要でした.私はまた、きちんとしたコードフォーマッタをインストールするのを忘れました.

npm i npm-run-all prettier prettier-plugin-svelte --save-dev

次に、package.jsonを実行する際に適切にリロードを有効にするために、npm run devに追加される必要があります.

"scripts": {
  "autobuild": "rollup -c -w",
  "watch:tailwind": "postcss public/tailwind.css -o public/index.css -w",
  "dev": "run-p autobuild watch:tailwind"
}

これは、1つの場所で最終的にすべてのステップを集めるために、私自身のためのちょうどもう一つの思い出させるものです.セットアップについてのより多くのガイダンスのために上記のポストをチェックしてください.
私は、100 %の一部をoffloadするために、これを公開しています.あなたはhttps://100daystooffload.com.を訪問して自分で参加することができます