0

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
 }

既存の作業構成を壊さずにローダーを追加する方法がわかりません。

4

2 に答える 2