Как настроить VueJS + PostCss + Tailwind с Storybook - PullRequest
Новая
       34

Как настроить VueJS + PostCss + Tailwind с Storybook

0 голосов
/ 28 октября 2018

У кого-нибудь был успех при настройке проекта с использованием VueJS, PostCss и Tailwind с разработкой компонентов в Storybook?

Я дошел до этого:

  1. Новый проект vue (vue-cli 3.0.5)
  2. @ storybook / vue (4.0.0-alpha.25)
  3. tailwindcss (0.6.5)
  4. Создание компонента с использованием <style lang="postcss"> ... </style>
  5. Использование Tailwind @apply в блоке стилей для применения служебных классов к компоненту

Проблема, с которой я сталкиваюсь, заключается в том, что любые компоненты, которые я создаю для использования lang = "postcss", не работают во время компиляциипри запуске storybook.

Я попытался добавить пользовательскую конфигурацию веб-пакета, которая останавливает ошибки, но ни один из моих компонентов не имеет стиля. 

const path = require('path')

module.exports = {
    module: {
        rules: [
            {
                test: /\.postcss$/,
                loaders: ["style-loader", "css-loader", "postcss-loader"],
                include: path.resolve(__dirname, '../')
            }
        ]
    }
}

Я также попытался импортировать мой app.postcss (который импортирует попутный ветер) внутри самого файла story.js безрезультатно.Любая помощь будет оценена.

...