如何在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',
}