如何在React/Redux項目中導入全局SCSS文件？

Question

我爲我的項目使用react-redux-starter-kit。我想知道如何創建一個全球SCSS文件，當導入_base.scss時，它會影響整個項目。我試過@import就像文件中的例子，但沒有任何效果。奇怪的是，它似乎與@import './fonts/*'合作;

我有以下結構：

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

因此，_base.scss是這樣的：

@import './components/_default'

但它不工作。沒有顯示錯誤。我也嘗試創建一個theme/default.scss，就像文件中的註釋示例一樣，但也沒有效果。

Answer 1

在你的根組件剛剛導入您的主scss文件，就像您導入模塊：

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

或：

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

只要確保你的的WebPack配置有：

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