Reactjs 如何在react中处理共享css文件
在react中处理共享的Reactjs 如何在react中处理共享css文件,reactjs,sass,Reactjs,Sass,在react中处理共享的SCS文件的最佳方法是什么？ 假设我有以下文件 // variables.scss $primary: rgb(1,2,3); $secondary: rgb(2,3,4); 我有多个组件需要使用这些颜色。 当然，每个组件都有自己的scss文件，我在组件jsx文件中导入该文件，我是否需要在需要使用这些变量的每个组件中多次导入该文件 如果我在每个组件scss文件中导入sass加载程序webpack的sass加载程序中导入此文件，是否知道如何处理它并导入一次 更新： 为了更
SCS// variables.scss
$primary: rgb(1,2,3);
$secondary: rgb(2,3,4);
scssjsxscsssass加载程序webpack
的sass加载程序中导入此文件，是否知道如何处理它并导入一次
更新：
为了更好地解释这个问题，这是我的问题：
我有一个组件a
这是jsx文件
// A.jsx
import React from 'react';
import './A.scss'
//more code here...
scss
如下所示：
//A.scss
import '../../variables.scss';
//B.scss
import '../../variables.scss';
我还有成分B
这是jsx
文件
// B.jsx
import React from 'react';
import './B.scss'
Bscss
如下所示：
//A.scss
import '../../variables.scss';
//B.scss
import '../../variables.scss';
现在您可以看到A.scss
和B.scss
导入变量，这是正确的方法吗？如果是，webpack sass loader
是否知道不导入同一文件两次？如果不是，正确的方法是什么？您想在jsx/scss文件中使用$primary
（例如）？@Raviteja在scss文件中使用是的。@Raviteja谢谢。我知道这个解决方案，但在react中，我将组件scss
文件导入到组件scss
中，因此不需要一个基本文件来导入所有文件，因为jsx已经做到了这一点，那么您需要什么呢？