流星からリアクトストーリーブックへのスタイルのインポート

Question

私は、パッケージtwbs：bootstrap3といくつかのカスタムスタイルを持つ私の流星1.4プロジェクトと反応物語を設定しようとしています。

スタイルhereを設定するためのリンクから情報を読んだ後、私は次のコードを持っている：「ここに

const path = require('path'); 

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

は私の話

import React from 'react'; 
import { storiesOf, action } from '@kadira/storybook'; 
import { styles } from './shared'; 
import HomeSearch from '../features/Search/components/HomeSearch/HomeSearch.jsx'; 

storiesOf('HomeSearch', module) 
    .add('normal',() => { 
     return getItem(); 
    }); 


function getItem() { 
    return <HomeSearch /> 
} 

ですが、私はそれらをインポートする方法を確認していませんストーリーに「詰め込まれた」スタイルを適用します。

Answer 1

CSSをプレコンパイルしてグローバルにする場合は、カスタムpreview-head.htmlファイルにタグを追加できます。 https://storybook.js.org/configurations/add-custom-head-tags/

CSSがグローバルでない場合、または処理する必要がある場合は、カスタムWebpack設定に正しいローダーを追加する必要があります。 https://storybook.js.org/configurations/custom-webpack-config/