处理共享scss文件的最佳方法是什么？
假设我有以下文件
// variables.scss
$primary: rgb(1,2,3);
$secondary: rgb(2,3,4);
我有多个组件需要使用这些颜色。
当然，每个组件都有自己的scss文件，我在组件jsx文件中导入了这个文件，我需要在需要使用这些变量的每个组件中多次import这个文件？
如果我在import文件scss中webpack这个文件sass-loader // A.jsx
import React from 'react';
import './A.scss'
//more code here...
知道处理它并导入一次吗？
更新： 为了更好地解释这个问题，这是我的问题： 我有一个组件A. 这是jsx文件
scss //A.scss
import '../../variables.scss';
看起来像这样：
jsx我也有组件B.
这是// B.jsx
import React from 'react';
import './B.scss'
文件
scss B //B.scss
import '../../variables.scss';
看起来像这样：
A.scss现在您可以看到B.scss和webpack sass-loader导入变量，这是正确的方法吗？如果是，//contentList array
contentsList.sort((ClassBook c1, ClassBook c2)->c1.getClassDate().compareTo(c2.getClassDate()));
知道两次不导入同一个文件吗？如果不是正确的方式？