はStyleguidistとSASS

Question

だから私のセットアップは非常に簡単です

styleguide.config.js

module.exports = { 
    components: 'src/components/**/*.js', 
    require: [ 
     path.join(__dirname, 'node_modules/bootstrap/scss/bootstrap.scss') 
    ] 
}; 

私はNPMの実行スタイルガイドを実行するたびに、私はこのエラーを取得するに反応します：予期しない文字@このファイルタイプを処理するには、適切なローダーが必要な場合があります。

bootstrap.scssは次のようになります。

@import "node_modules/bootstrap/scss/functions"; 
@import "node_modules/bootstrap/scss/mixins"; 
... 
... 

私はSASS-ローダーが、私はので、私は本当にそれらをまだ把握カント異なるコンテキストを使用していた例を追加する必要があります理解しています。

P.S. SASSはスタイルガイドではなく、アプリケーション自体を実行するときにReact Styleguideの外で動作します。

Answer 1

だから、解決策は、メインプロジェクトがSASSを実現できることを確認することです。しかしそれは別の質問です。

私はちょうど

styleguide.config.js

module.exports = { 
    components: 'src/kitchensink/**/*.js', 
    webpackConfig: require('./config/webpack.config.dev.js'), 
    require: [ 
     path.join(__dirname, './src/sass/bootstrap.scss') 
    ] 
};