セットアップのWebPACK SASS-ローダは私のアプリでスタイル

Question

を分離するために、私は

• スタイル
  1. ヘッド
  2. メインのスタイル

ヘッドフォルダのようにフォルダ構造を持っています最初の画面を高速レンダリングするためのタグ<style>にあるはずのスタイルを含んでいます。

メインフォルダには、style.cssにコンパイルされたスタイルが含まれています。

これを行うには、どのようにWeb Pack Sass-Loaderを設定できますか？あなたのWebPACKの設定であなたのローダーで

Answer 1

追加：

{ 
     test: /\.scss$/, 
     loader: 'style!css?modules=true&localIdentName=[name]__[local]___[hash:base64:5]!sass' 

} 

を次にヘッドとメインのためにあなたがscss拡張子でそれらに名前を付けることができ、 は（あなたのJSファイルで）このようにそれらをインポート

import head from './head.scss' 
import '!style!css?sass!<path-to-your-main>main.scss' 

JSXで次のように使用できます。

<p className={head.myHeaderStyle}>Some text</p>