React/ReduxプロジェクトでグローバルSCSSファイルをインポートする方法は？

Question

私のプロジェクトにはreact-redux-starter-kitが使用されています。 _base.scssにインポートすると、プロジェクト全体に影響するグローバルなSCSSファイルを作成する方法がわかります。私は@importにファイル内の例のようにしようとしましたが、何も動作しません。不思議なことに、それは@import './fonts/*'と一緒に働いたようです。

私は次の構造を持っている：

styles/ ----/components/ --------/Dashboard --------/Home --------_default.scss ----/fonts/ ----_base.scss ----core.scss

を、したがって、_base.scssはこのようなものです：

@import './components/_default'

しかし、それは動作しません。エラーは表示されません。私はtheme/default.scssもファイル内の解説の例のように作成しようとしましたが、効果はありません。あなたのようなあなたの主なscssファイルはモジュールをインポートしますインポートあなたのルートコンポーネントで

Answer 1

：

require('path/to/styles/_base.scss') 

か：：

import 'path/to/styles/_base.scss' 

ちょうどあなたののWebPACKの設定であることを確認してください

{ 
    test: /\.scss$/, 
    loader: 'style!css!sass', 
}