Awesome article! Other guides were out of date and didn't get things working, but I was able to get up and running mainly because of your writeup.
In addition to the instructions above, this is what I had to do to get things running:
PostCSS 8 issues (At the time of writing 9 Jan 2021)
I had to use the compatibilty build for Tailwind:
yarn remove tailwindcss postcss autoprefixer
yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
In package.json, I also had to change from "postcss-import": "^14" to "postcss-import": "^12" for the same reason.
package.json
"postcss-import": "^14"
"postcss-import": "^12"
Other notes
yarn add autoprefixer
npx tailwind init
npx -p @storybook/cli sb init --type svelte
svelte-preprocess
svelte-preprocessor
Hi @JayLiu,
Thanks for your info. I struggled to get it to work and your comment, helped alot.
Thanks again!.
Ryan
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Awesome article! Other guides were out of date and didn't get things working, but I was able to get up and running mainly because of your writeup.
In addition to the instructions above, this is what I had to do to get things running:
PostCSS 8 issues (At the time of writing 9 Jan 2021)
I had to use the compatibilty build for Tailwind:
yarn remove tailwindcss postcss autoprefixer
yarn add -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
In
package.json
, I also had to change from"postcss-import": "^14"
to"postcss-import": "^12"
for the same reason.Other notes
yarn add autoprefixer
fornpx tailwind init
to worknpx -p @storybook/cli sb init --type svelte
svelte-preprocess
rather thansvelte-preprocessor
Hi @JayLiu,
Thanks for your info. I struggled to get it to work and your comment, helped alot.
Thanks again!.
Ryan