reactjs - 在 ReactJS 项目中自动导入所有 *.scss

标签 reactjs sass

有什么方法可以将所有 _*.scss 文件导入 React 项目中的主 App.scss 文件?由于每个组件都有单独的文件夹,因此我想避免输入

@import './components/UI/button';
@import './components/UI/menu';
@import './components/Forms/textInput';

完美的是像这样的工作代码:

@import './components/*';

我知道顺序问题,我不影响我的 css,文件可以随机导入。

最佳答案

glob如果你真的想要,包会做。不过,我不建议这样做,直接在组件中包含一个 sass 文件效率更高,但主要是因为顺序在 CSS 中很重要。

关于reactjs - 在 ReactJS 项目中自动导入所有 *.scss,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53180664/

相关文章:

javascript - 测试 React 组件的子组件数量

reactjs - Material UI 深色主题不适用于背景

css - VueJS 中的全局样式与局部样式

node.js - npm install 中没有 Elastic Beanstalk 依赖项?

css - 如何更改基本 Angular Material native 选择的插入符号颜色?

css 隐藏文本节点但显示其子节点

javascript - 桶文件、webpack 和 jest

reactjs - 元素类型无效 : expected a string (for built-in components), 我的导入方式似乎不错

javascript - 如何使用exporter导出所有字段? ( react 管理)

Sass 导入标签