問題タブ [storybook]
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.
javascript - VueJS + PostCss + Tailwind を Storybook で構成する方法
VueJS、PostCss、および Tailwind を使用して、Storybook でコンポーネント開発を行うプロジェクトの設定に成功した人はいますか?
私はここまで来ました：
- 新規
vueプロジェクト (vue-cli 3.0.5) - @storybook/vue (4.0.0-alpha.25)
- tailwindcss (0.6.5)
- を使用してコンポーネントを作成
<style lang="postcss"> ... </style> - スタイル ブロック内でTailwind を使用
@applyしてユーティリティ クラスをコンポーネントに適用する
lang="postcss"私が遭遇する問題は、ストーリーブックを実行しているときに、使用するストーリーを作成するコンポーネントがコンパイル中に失敗することです。
webpackエラーを停止するカスタム構成を追加しようとしましたが、コンポーネントのスタイルがまだ設定されていません。
また、ファイル自体にmy app.postcss(tailwind をインポートする) をインポートしようとしましたが、役に立ちませんでした。stories.jsどんな助けでも大歓迎です。
reactjs - 反応コンポーネントからの開発環境
React でライブラリ コンポーネントを作成しています。
コンポーネントは、 を使用して別のプロジェクトにインポートされimport ... from ...ます。
したがって、質問は非常に簡単です。
ローカル開発に最適なテスト環境はどれですか? 唯一のコンポーネントである「アプリ」ではないため、webpackを使用したくありません。
ストーリーブックについて読みましたが、1 つのコンポーネントが「大きい」ことに感謝しています。
コンポーネントのローカル開発のための他の環境はありますか?
変更後、コンポーネントをビルドし、別のプロジェクトで実行してテストする必要があります。