Edited at

LaravelでStorybook(for Vue.js+PostCSS)

More than 1 year has passed since last update.

laravel mix を使うとPostCSSの設定は

例えば、


webpack.mix.js

mix.options({

postCss:[
require('postcss-import'),
require('postcss-cssnext')
]
});

の様に書く必要があるため、StorybookがPostCSSの設定を共有できないので、

Storybookのために


postcss.config.js

module.exports = {

plugins: {
'postcss-import': {},
'postcss-cssnext': {}
}
}

とファイル作成・設定することで一旦解決。

DRYに書きたい。


参考

laravel-mixでvueにカスタムなPostCSS設定を使う