如何在 React/Redux 项目中导入全局 SCSS 文件？答案

【问题标题】：How to import global SCSS file in a React/Redux project?如何在 React/Redux 项目中导入全局 SCSS 文件？
【发布时间】：2017-02-15 05:31:08
【问题描述】：

我在我的项目中使用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，就像文件内评论中的示例一样，但也没有效果。

【问题讨论】：

标签： sass webpack react-redux

【解决方案1】：

在您的根组件中，只需像导入模块一样导入您的主 scss 文件：

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

或：

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

只需确保在您的 webpack 配置中有：

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

【讨论】：