尽管我是 React 和捆绑器（以及这两者的组合）的新手，但我正试图找到建立高效 Web 开发工作流程的方法。我的目标是让每个 React 组件使用自己的 SCSS 文件，其他组件的样式表无法访问该文件。但是，需要一些全局文件，例如 a variables.scss，这就是问题所在。
这是我的文件结构（来自 src 文件夹）此刻的样子：
??? assets
??? components
? ??? App
? ? ??? index.js
? ? ??? index.scss
? ??? Taskbar
? ? ??? index.js
? ? ??? index.scss
? ??? Window
? ??? index.js
? ??? index.scss
??? index.js
??? sass
??? mixins.scss
??? variables.scss
我正在使用 Parcel 和 node-sass 来导入这些 SCSS 文件。如您所见，每个组件都有自己的文件夹，其中包含一个 SCSS 文件。
每个组件都像这样加载其指定的样式表：
import React from 'react';
import './index.scss';
import Taskbar from '../Taskbar';
export default …