create-react-app によって作成された基本的な web-pack 構成の使用
{
test: /\.css$/,
loader: 'style!css?importLoaders=1!postcss'
}
次のnpmコマンドを使用してReact-FlexBox-Gridをインストールしました
npm i -S react-flexbox-grid
次の依存関係をインストールしました
npm i -D npm style-loader css-loader
React-FlexBox-Grid が web-pack ローダーによって選択されていません。ここでの私の質問は、React-FlexBox-Grid を既存の css ローダー構成に追加する方法です。React-FlexBox-Grid ドキュメントhttps://github.com/roylee0704/react-flexbox-gridから、 2 つの設定が提案されました。
1)
{
test: /\.css$/,
loader: 'style!css?modules',
include: /flexboxgrid/,
}
{
test: /\.css$/,
loader: 'style!css!postcss',
include: path.join(__dirname, 'node_modules'), // oops, this also includes flexboxgrid
exclude: /flexboxgrid/, // so we have to exclude it
}
既存の作業構成を壊さずにローダーを追加する方法がわかりません。